Ajax call not working

Question

I am making an ajax call to C# function but it is not being call.

This is ajax call:

$('#button1 button').click(function () {
    var username = "username_declared";
    var firstname = "firstname_declared";
    $.ajax({
        type: "GET",
        url: "practiced_final.aspx/ServerSideMethod",
        data:{username1:username,firstname1:firstname},
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (msg) {
            $('#myDiv').text(msg.d);
        },
        error: function (a, b, c) {
            alert(a + b + c);
        }
    });
    return false;
});

This is C# code:

[WebMethod]
public static string ServerSideMethod(string username1, string firstname1)
{
    return "Message from server with parameter." + username1 + "hello" + firstname1;
}

This method is not getting hit and shows a error message like this:

object XMLHttpRequest]parsererrorundefined

Any help will be highly appreciated.

I would start by using Fiddler to inspect the data that's sent and received. — Grant H., Sep 05 '12 at 13:12
Besides using Fiddler to inspect the request, you can also open it in your browser and see Error-Messages from IIS. — TGlatzer, Sep 05 '12 at 13:13

Thulasiram · Answer 1 · 2012-09-05T13:26:36.043

1

$('#button1 button').live('click', function () {
            var username = "username_declared";
            var firstname = "firstname_declared";
            $.ajax({
                url: "/practiced_final.aspx/ServerSideMethod", type: "GET", dataType: "json",
                data: JSON.stringify({ username1: username, firstname1: firstname }),
                contentType: "application/json; charset=utf-8",
                success: function (msg) {
                    $('#myDiv').text(msg.d);
                },
                error: function (a, b, c) {
                    alert(a + b + c);
                }
            });
        });

$('button#button1') or $('#button1') or $('#button1 button') check u selector also. put one alert message inside click event and see

edited Sep 05 '12 at 13:26

answered Sep 05 '12 at 13:14

Thulasiram

8,432
8
46
54

it didn't work,but now the error is disappeared.C# method still didn't get a hit – user1627138 Sep 05 '12 at 13:24
selector is fine.i checked it using alert box. – user1627138 Sep 05 '12 at 13:34
k. you r using mvc 3 or asp.net? – Thulasiram Sep 05 '12 at 13:41

score 1 · Answer 2 · answered Sep 06 '12 at 06:09

Finally it is working.This is the final code. Thanks everyone for your wise replies.

                $.ajax({
                 type: "POST",
                 url: "practiced_final.aspx/hello_print",
                 data: "{}",
                 contentType: "application/json; charset=utf-8",
                 dataType: "json",
                 async: true,
                 cache: false,
                 success: function (msg) {
                 $('#myDiv').text(msg.d);
                 }
                 })
                 return false;

Enjoy.

dbooth · Answer 3 · 2012-09-05T17:00:22.240

0

Try changing this line:

data:{username1:username,firstname1:firstname},

to

data:JSON.stringify({username1:username,firstname1:firstname}),

Edit:

I'm not sure if this is the cause of the problem, but this is one thing I noticed different between our jQuery ajax calls. Also, changed result string to reflect @dana's criticism in the comments of my answer.

edited Sep 05 '12 at 17:00

answered Sep 05 '12 at 13:13

dbooth

148
2
9

User input should be escaped using `JSON.stringify()`. – dana Sep 05 '12 at 13:25
Is this just to make the ajax call less prone to error or is there more reasoning behind `JSON.stringify()`? – dbooth Sep 05 '12 at 13:42
1

Think about the case where: `var firstname = "D'Angelo"`. The single quote needs to be escaped with a backslash to create a valid JSON string: `D\'Angelo`. `JSON.stringify()` takes care of that case and many others. – dana Sep 05 '12 at 16:14
That is good to know. I did not know about `JSON.stringify()` prior to your comment, so thanks for the information. I will edit my answer, although it seems mine wasn't sufficient. – dbooth Sep 05 '12 at 16:57

score 0 · Answer 4 · answered Sep 05 '12 at 13:14

In your code I can see : dataType: "json",

But you're not sending a Json through your C# function... When you're telling ajax that the dataType is a json, it will JSON.parse() the response. Maybe that's where the failure is. Try changing the dataType, or removing it (jQuery will try to guess it).

score 0 · Answer 5 · edited Sep 05 '12 at 13:30

0

  $('button#button1') //Or check selector put one alert inside onclick
  $('#button1').live('click', function () {
                var username = "username_declared";
                var firstname = "firstname_declared";
                $.ajax({
                    type: "GET",
                    url: "practiced_final.aspx/ServerSideMethod",
                    data: JSON.stringify({ username1: username, firstname1: firstname }),
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (msg) {
                    $('#myDiv').text(msg.d);
                    },
                    error: function (a, b, c) {
                        alert(a + b + c);
                    }
                    })
                    return false;

it may help

edited Sep 05 '12 at 13:30

Thulasiram

8,432
8
46
54

answered Sep 05 '12 at 13:15

Gyan Chandra Srivastava

1,370
9
29

it didn't work,but now the error is disappeared.C# method still didn't get a hit. – user1627138 Sep 05 '12 at 13:20
:) k gud i will look for it may i get something in sometime – Gyan Chandra Srivastava Sep 05 '12 at 13:23
1

User input should be escaped using `JSON.stringify()` – dana Sep 05 '12 at 13:26
@ThulasiRam same issue.No error but method couldn't hit...:( btw thanks. – user1627138 Sep 05 '12 at 13:37

score 0 · Answer 6 · answered Sep 05 '12 at 13:16

0

Please Change below line in Jquery function.

data:{username1:username,firstname1:firstname},

to

data:"{'username1':'" + username + "','firstname1':'" + firstname + "'}",

Hope this will help you.

answered Sep 05 '12 at 13:16

Mohmedsadiq

133
1
10

User input should be escaped using `JSON.stringify()` – dana Sep 05 '12 at 13:26
1

please change Type Get to POST. – Mohmedsadiq Sep 05 '12 at 13:33
Yes changing it to post is working.can you please tell me why GET didn't work Thank you. – user1627138 Sep 06 '12 at 04:47
hope this will help you. http://stackoverflow.com/questions/10750631/calling-a-webmethod-using-jqueryajax-get – Mohmedsadiq Sep 06 '12 at 05:56

Ajax call not working

6 Answers6