Transmit information back to ASP.NET using AngularJS

Question

Transmit information back to ASP.NET using AngularJS

As a newcomer to coding, I have a question. I am retrieving data from my database using C# and AngularJS, modifying it, and then sending it back. Eventually, I will need to save the modified data in the database. Here is my code, thank you in advance. The code is written in Spanish.

var datosActuales = { 
    'id': $scope.datosActualizados.id,
    'remitente': $scope.datosActualizados.remitente,
    'proveedor': $scope.datosActualizados.proveedor,
    'destinatario': $scope.datosActualizados.correoDestinatario,
    'copia': $scope.datosActualizados.copia,
    'mensaje': $scope.datosActualizados.mensaje
};

$http.post('http://localhost:65110/api/CorreosProveedor/CorreoActual', datosActuales)
.then(function (response) {
    console.log(response);
}, function (response) {
    console.log("error..");
});

// POST api/<controller>
[HttpPost]
public void CorreoActual(int id, string remitente, string proveedor, string destinatario, string mensaje, string copia)
{
    try
    {
        //string separa_copias = copia.Split(new char[] { ',' });
        ModeloCorreo correo_recibido = new ModeloCorreo();

        correo_recibido.id = id;
        correo_recibido.remitente = remitente;
        correo_recibido.nombre_proveedor = proveedor;
        correo_recibido.destinatario = destinatario;
        correo_recibido.mensaje = mensaje;
        // correo_recibido.correos_copia = separa_copias;
    }
    catch (Exception ex)
    {

    }
}

The error message displayed in the console is:

405 Method not allowed

javascript c#angularjs http

Answer 1

Answer №1

Check out the following code snippet:

$http({
    method: "POST",
    url: 'http://localhost:65110/api/CorreosProveedor/CorreoActual' 

    }).then(function successCallback(response) {
            console.log(response);
    }, function errorCallback(response) {
    console.log("error..");
    });

If you have any questions or need further assistance, feel free to leave a comment!

Answer 2

Check out the following code snippet:

$http({
    method: "POST",
    url: 'http://localhost:65110/api/CorreosProveedor/CorreoActual' 

    }).then(function successCallback(response) {
            console.log(response);
    }, function errorCallback(response) {
    console.log("error..");
    });

If you have any questions or need further assistance, feel free to leave a comment!

Answer 3

Answer №2

My code is now complete and functioning perfectly.

After receiving a response from my database, I make necessary edits and send it back. ASP.NET then processes the response to determine if any updates, deletions, or insertions are required.

Thank you for your assistance.

        [Route("api/configuracorreo")]
        public void Post([FromBody]ModeloEditarCorreo correo)
        {
            try
            {

                ModeloEditarCorreo received_email = email;

                received_email.id = email.id;
                received_email.sender = email.sender;
                received_email.provider_name = email.provider_name;
                received_email.recipient = email.recipient;
                received_email.message = email.message;
                received_email.cc_emails = email.cc_emails;


                using (Certificados_UVM_DEVEntities dba = new Certificados_UVM_DEVEntities())
                {

                    Models.Email_Config existing_email = dba.Email_Config.FirstOrDefault();


                    if (existing_email == null)
                    {
                        string insertEmail = string.Format("INSERT INTO Email_Config (sender, provider_name, recipient, message) VALUES ('{0}', '{1}', '{2}', '{3}')", email.sender, email.provider_name, email.recipient, email.message);
                        dba.Database.ExecuteSqlCommand(insertEmail);


                        foreach (string cc_email in email.cc_emails)
                        {
                            Models.Email_Config created_email = dba.Email_Config.FirstOrDefault();
                            string insertCcEmails = string.Format("Insert INTO Email_Config_Cc (email_config_id, cc_email) VALUES ('{0}', '{1}')", '1', created_email.id);
                            dba.Database.ExecuteSqlCommand(insertCcEmails);
                        }

                    } else
                    {

                        string updateQueryString = string.Format("UPDATE Email_Config SET provider_name = '{0}', recipient = '{1}', message = '{2}' WHERE id = '{3}'", email.provider_name, email.recipient, email.message, email.id);
                        dba.Database.ExecuteSqlCommand(updateQueryStoreString);

                        string deleteCcEmails = string.Format("DELETE FROM Email_Config_Cc WHERE email_config_id = '{0}'", email.id);
                        dba.Database.ExecuteSqlCommand(deleteCcEmails);

                        foreach( string cc_email in email.cc_emails)
                        {
                            string insertCcEmails = string.Format("Insert INTO Email_Config_Cc (email_config_id, cc_email) VALUES ('{0}', '{1}')", email.id, cc_email);
                            dba.Database.ExecuteSqlCommand(insertCcEmails);
                        }

                    }




                }
            }


            catch (Exception ex)
            {

            }

        }
        
        
         public class ModeloEditarCorreo
    {
        public int id { get; set; }
        public string sender { get; set; }

        public string provider_name { get; set; }

        public string recipient { get; set; }

        public string message { get; set; }
        public string[] cc_emails { get; set; }


    }

$http.get(DIR.hostSelected + 'api/emailconfiguration').
then(function(response) {


var emails = response.data.cc_emails.map(function(e){
return e["cc_email"];
});
var cc_emails = emails.join(", ");

$scope.isSenderDisabled = response.data.sender ? true : false;

$scope.originalData = {
id: response.data.id,
sender: response.data.sender,
provider: response.data.provider_name,
recipientEmail: response.data.recipient,
cc: cc_emails,
message: response.data.message
};

});


$scope.validateEmail = function() {
if ($scope.recipientEmail != $scope.confirmEmail) {
$scope.IsMatch=true;
return false;
}
$scope.IsMatch=false;
};

$scope.cancel = function() {
$window.location.reload();
};


$scope.updateData = function(){

var currentCC = [];
currentCC = $scope.originalData.cc.split(", ");

$scope.editData = {};
$scope.editData = angular.copy($scope.originalData);
$scope.updatedData = $scope.editData;
var currentData = {
'id': $scope.updatedData.id,
'sender': $scope.updatedData.sender,
'provider_name': $scope.updatedData.provider,
'recipient': $scope.updatedData.recipientEmail,
'cc_emails': currentCC,
'message': $scope.updatedData.message
};
$scope.isDisabled = true;

console.log($scope.updatedData);
console.log(currentCC)

var config = { headers: {'Content-Type': 'application/json;charset=utf-8'}}

$http.post(DIR.hostSelected + 'api/emailconfig', currentData, config)
.then(function (response) {
console.log(response);
}, function (response) {
console.log("error..");
});

};

Answer 4

My code is now complete and functioning perfectly.

After receiving a response from my database, I make necessary edits and send it back. ASP.NET then processes the response to determine if any updates, deletions, or insertions are required.

Thank you for your assistance.

        [Route("api/configuracorreo")]
        public void Post([FromBody]ModeloEditarCorreo correo)
        {
            try
            {

                ModeloEditarCorreo received_email = email;

                received_email.id = email.id;
                received_email.sender = email.sender;
                received_email.provider_name = email.provider_name;
                received_email.recipient = email.recipient;
                received_email.message = email.message;
                received_email.cc_emails = email.cc_emails;


                using (Certificados_UVM_DEVEntities dba = new Certificados_UVM_DEVEntities())
                {

                    Models.Email_Config existing_email = dba.Email_Config.FirstOrDefault();


                    if (existing_email == null)
                    {
                        string insertEmail = string.Format("INSERT INTO Email_Config (sender, provider_name, recipient, message) VALUES ('{0}', '{1}', '{2}', '{3}')", email.sender, email.provider_name, email.recipient, email.message);
                        dba.Database.ExecuteSqlCommand(insertEmail);


                        foreach (string cc_email in email.cc_emails)
                        {
                            Models.Email_Config created_email = dba.Email_Config.FirstOrDefault();
                            string insertCcEmails = string.Format("Insert INTO Email_Config_Cc (email_config_id, cc_email) VALUES ('{0}', '{1}')", '1', created_email.id);
                            dba.Database.ExecuteSqlCommand(insertCcEmails);
                        }

                    } else
                    {

                        string updateQueryString = string.Format("UPDATE Email_Config SET provider_name = '{0}', recipient = '{1}', message = '{2}' WHERE id = '{3}'", email.provider_name, email.recipient, email.message, email.id);
                        dba.Database.ExecuteSqlCommand(updateQueryStoreString);

                        string deleteCcEmails = string.Format("DELETE FROM Email_Config_Cc WHERE email_config_id = '{0}'", email.id);
                        dba.Database.ExecuteSqlCommand(deleteCcEmails);

                        foreach( string cc_email in email.cc_emails)
                        {
                            string insertCcEmails = string.Format("Insert INTO Email_Config_Cc (email_config_id, cc_email) VALUES ('{0}', '{1}')", email.id, cc_email);
                            dba.Database.ExecuteSqlCommand(insertCcEmails);
                        }

                    }




                }
            }


            catch (Exception ex)
            {

            }

        }
        
        
         public class ModeloEditarCorreo
    {
        public int id { get; set; }
        public string sender { get; set; }

        public string provider_name { get; set; }

        public string recipient { get; set; }

        public string message { get; set; }
        public string[] cc_emails { get; set; }


    }

$http.get(DIR.hostSelected + 'api/emailconfiguration').
then(function(response) {


var emails = response.data.cc_emails.map(function(e){
return e["cc_email"];
});
var cc_emails = emails.join(", ");

$scope.isSenderDisabled = response.data.sender ? true : false;

$scope.originalData = {
id: response.data.id,
sender: response.data.sender,
provider: response.data.provider_name,
recipientEmail: response.data.recipient,
cc: cc_emails,
message: response.data.message
};

});


$scope.validateEmail = function() {
if ($scope.recipientEmail != $scope.confirmEmail) {
$scope.IsMatch=true;
return false;
}
$scope.IsMatch=false;
};

$scope.cancel = function() {
$window.location.reload();
};


$scope.updateData = function(){

var currentCC = [];
currentCC = $scope.originalData.cc.split(", ");

$scope.editData = {};
$scope.editData = angular.copy($scope.originalData);
$scope.updatedData = $scope.editData;
var currentData = {
'id': $scope.updatedData.id,
'sender': $scope.updatedData.sender,
'provider_name': $scope.updatedData.provider,
'recipient': $scope.updatedData.recipientEmail,
'cc_emails': currentCC,
'message': $scope.updatedData.message
};
$scope.isDisabled = true;

console.log($scope.updatedData);
console.log(currentCC)

var config = { headers: {'Content-Type': 'application/json;charset=utf-8'}}

$http.post(DIR.hostSelected + 'api/emailconfig', currentData, config)
.then(function (response) {
console.log(response);
}, function (response) {
console.log("error..");
});

};

Transmit information back to ASP.NET using AngularJS

Answer №1

Answer №2

Similar questions

Record numerous button clicks in the database

`Discover the latest version of Tailwind using JavaScript or PHP`

Receiving multiple Firebase notifications on the web when the same application is open in multiple tabs

Modify the indicator color of the tabs in Material UI v5

Choosing CSS/JS selector: Pick the final element with a class that does not match

Unable to retrieve any data while consuming a RESTful web service with AngularJS

Capturing a res.send(404) error in ExpressJS during production: Tips and tricks

The error message "mapboxgl is not defined" indicates that the mapboxgl variable

What is causing this error/bug to show up in Angular?

Steps for creating a herringbone design on an HTML canvas

Execute Jest tests exclusively on the directory you are currently in

Node JS fails to return body content in POST request

Submitting a Form with Multiple Pages

Disable the default controls on the Open Layers Bing Map

Cookie-powered JavaScript timer ceases after 60 seconds

Tips for creating ui-sref links by using a mix of translate and ng-bind-html

Looking to change the font text color in the filter section of the react-data-table-component-extensions?

Record every function within the array prototype

Press the option "Switch to red button" in order to transform the text color to red, and then revert back to its initial color

What factors influence the speed of an Ajax request?