calling code behind c# method from jquery ajax

Question

i am trying to call code behind method from jquery ajax call but it doesnt hit break point on that methhod. what i am missing ?

js

$('#btn_Submit').click(function () {
    $.ajax({
            url: 'ajaxExecute.aspx/CAO2',
            data: 'Guardian=' + $('#txtGuardianName').val() + '&CIFID=' + $('#txtCIFID').val() + '&EmploymentType=' + encodeURIComponent($('#cmbEmploymentType').val()) + '&NatureIncome=' + encodeURIComponent($('#cmbIncomeNature').val()) + '&Occupation=' + encodeURIComponent($('#cmbOccupation').val()),
            cache: false,
            context: document.body,
            type: 'POST',
            success: function (response) {

            }
        });
}

ajaxExecute.aspx.cs

public partial class ajaxExecute : System.Web.UI.Page
{
    [WebMethod]
    public static void CAO2(string Guardian, string CIFID, string EmploymentType, string NatureIncome, string Occupation)
    {
            //Some Code
        //No breakpoint hit here
    }

    protected void Page_Load(object sender, EventArgs e)
    {
            //Some Code
        // Got Breakpoint here
    }
}

Haven't you forgotten a couple of equal signs? E.g: &CIFID= — Niklas
– Niklas, Commented Dec 3, 2013 at 9:19

Mikhail Timofeev · Accepted Answer · 2013-12-03 09:37:48Z

1

Try to send data as JSON:

$('#btn_Submit').click(function () {

   var request = {
     Guardian : $('#txtGuardianName').val(),
     CIFID : $('#txtCIFID').val(),
     EmploymentType : encodeURIComponent($('#cmbEmploymentType').val(),
     NatureIncome : encodeURIComponent($('#cmbIncomeNature').val()),
     Occupation : encodeURIComponent($('#cmbOccupation').val()
   };    

   var strRequest = JSON.stringify(request);  

   $.ajax({
            url: 'ajaxExecute.aspx/CAO2',
            data: strRequest,
            dataType: "json",
            contentType: "application/json",  
            cache: false,
            context: document.body,
            type: 'POST',
            success: function (response) {

            }
        });
   }

edited Dec 3, 2013 at 9:37

answered Dec 3, 2013 at 9:31

Mikhail Timofeev

2,16916 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Shaggy Over a year ago

It worked. But why it didnt in my case ? does it because it takes data only in json ?

Mikhail Timofeev Over a year ago

not sure, but i think that your webmethod waits for 5 strings, but doesn't become them.

Damith · Accepted Answer · 2013-12-03 09:36:23Z

1

try below

var dataString = JSON.stringify({ 
    Guardian : $('#txtGuardianName').val(), 
    CIFID : $('#txtCIFID').val(), 
    EmploymentType : encodeURIComponent($('#cmbEmploymentType').val(),
    NatureIncome : encodeURIComponent($('#cmbIncomeNature').val()),
    Occupation : encodeURIComponent($('#cmbOccupation').val()
});

$.ajax({
    type: "POST",
    url: "ajaxExecute.aspx/CAO2",
    data: dataString,
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (result) {
       alert("Success");
    }
});

answered Dec 3, 2013 at 9:36

Damith

63.2k13 gold badges106 silver badges154 bronze badges

Comments

Zaphod · Accepted Answer · 2013-12-03 09:36:30Z

1

try to Json-ify you input data.
something like (not tested): data: JSON.stringify({ Guardian: $('#txtGuardianName').val(), CIFID: $('#txtCIFID').val() ... })

answered Dec 3, 2013 at 9:36

Zaphod

1,4902 gold badges13 silver badges30 bronze badges

Collectives™ on Stack Overflow

calling code behind c# method from jquery ajax

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related