jQuery AJAX sending data with parameter

Question

I have a simple jQuery AJAX method that send data to a web method which brings data from da database. When I send number it works properly but I don't know how to send data with parameter.

For example this method works properly:

function catchdata() {
     $.ajax({
         type: "POST",
         url: "rank.aspx/bringdata",
         data: "{lmt:16}",
         contentType: "application/json; charset=utf-8",
         dataType: "json",
         async: true,
         cache: false,
         success: function(ret){
             s = ret.d;
             dos(s, 0);
         },
         error: function(x,e){
             alert("error occur");
         } 
     });
}

But this below code does not work and error function raise:

function catchdata() {
     $.ajax({
         type: "POST",
         url: "rank.aspx/bringdata",
         data: {
             lmt:total
         },
         async: true,
         cache: false,
         success: function(ret){
             s = ret.d;
             dos(s, 0);
         },
         error: function(x,e){
             alert("error occur");
         }
     });
}

plese helpe me in parameterise json dta in jquery ajax method .thanks — quantum62
– quantum62, Commented Aug 8, 2012 at 8:40
where do you get total from? have you tried alerting it for check before the $.ajax? — Carlo Moretti
– Carlo Moretti, Commented Aug 8, 2012 at 8:40
nono asp function work properly im sure. my problem is in ajax method cuz when i send data without parameter for example number 16 or 20 and etc its ok .but i cant work with parameter — quantum62
– quantum62, Commented Aug 8, 2012 at 8:43
Is the aspx page expecting a posted Json string to parse or is it expecting posted form varibles ? First example does the former second does the latter, with this being an aspx page rather than an WCF service it wont try to do Json behavours automatically. I'd Question why this is a page at all if its a service you want then use a WCF service if you dont need somthing that complex use a HttpHandler ? — Mark Broadhurst
– Mark Broadhurst, Commented Aug 8, 2012 at 8:51

user447356 · Accepted Answer · 2012-08-08 09:02:23Z

3

If the first example works fine, this should do the same with a parameter: (I assume total is defined as global variable elsewhere)

$.ajax({
     type: "POST",
     url: "rank.aspx/bringdata",
     data: "{lmt:" + total + "}",
     contentType: "application/json; charset=utf-8",
     dataType: "json",
     async: true,
     cache: false,
     success: function(ret){
         s = ret.d;
         dos(s, 0);
     },
     error: function(x,e){
         alert("error occur");
     } 
 });

answered Aug 8, 2012 at 9:02

user447356

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

4 Comments

Carlo Moretti Over a year ago

but shouldn't it work with {lmt:total} too? What's the problem there?

user447356 Over a year ago

@Onheiron as also explained in this comment, when passing data as JSON it should be a raw string as it's parsed on the server. When passing as POST it should be array and jQuery is sending them properly behind the scenes.

Carlo Moretti Over a year ago

But I used before something like $.post('someaddress.php',myJSO,function(data){alert(data)}) where myJSO was some like {key1:'value1',key2:'value2' ...} just like a JavaScript Object and it worked fine. Also the comment actually says that with that contentType set the behaviour would be the one you described, but this doesn't mean the data: must always be a raw string

user447356 Over a year ago

@Onheiron not always, but when you pass it as JSON it should be.

Collectives™ on Stack Overflow

jQuery AJAX sending data with parameter

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related