Call Parameterized asmx Web Service using JQuery

Question

I am trying to call a webservice on my local host which expects a parameter pkId and return the result. WebService runs perfect but when i call from JQuery, it does not return any data. I have tried almost all combinations to set parameter for the Web service (data) part but unable to get any result and the real pain is i don't get any error.

 $.ajax({ type: "POST", url: "http://localhost/WSTest/Service.asmx/AuthorGetById", data: "{pkId :'" + pkId + "'}", contentType: "application/json; charset=utf-8", dataType: "json", success: function (msg) { return msg.d; } });

How can you tell if you're not getting any errors if you don't have the error callback implemented? Also, your "success" callback doesn't appear to do anything than return from the callback. I'm assuming you want to do something with the return value, no? — Keith
– Keith, Commented Feb 19, 2011 at 18:58
Don't post comments in suggested edits; there's an "add comment" button under each answer you can use — Michael Mrozek
– Michael Mrozek, Commented Feb 20, 2011 at 18:20
Have you added [System.Web.Script.Services.ScriptService] in you webmethod for ajax call ? — Michaël
– Michaël, Commented Mar 2, 2011 at 23:10

Milind Anantwar · Accepted Answer · 2013-01-22 14:02:53Z

Success is invoked as a callback from AJAX. It means that its result is returned to the AJAX jQuery function, not as a return from your function making the AJAX call. You would need to pass result.d off to another function that makes use of it. Have you placed a breakpoint inside your success function to see what value result holds?

For information on consuming web services using AJAX calls, check out:

using jquery to consume aspnet json web services/

codeandcloud · Accepted Answer · 2011-02-19 18:49:43Z

This is not an answer but means to help you reach there.

Even if you have an error you wont get it since you have not handled error at all.
Also worth while to check if your msg has 'd' since its a ASP.NET 3.5+ feature.
Also, dont return msg.d try to alert it.

A sample will be

$.ajax({ type: "POST", url: "http://localhost/WSTest/Service.asmx/AuthorGetById", data: "{pkId :'" + pkId + "'}", contentType: "application/json; charset=utf-8", dataType: "json", success: function (msg) { var datum = msg.hasOwnProperty("d")? msg.d : msg; alert("Success" + datum); } error:function (xhr, ajaxOptions, thrownError){ alert("Error"); } });

CRABOLO · Accepted Answer · 2014-09-06 16:05:48Z

I found the answer. Actullay i was passing the parameters correctly and noticing the response in firebug but was unable to catch it on success because... my web service method return void. I changed it to return string and boooom it work fine.

Collectives™ on Stack Overflow

Call Parameterized asmx Web Service using JQuery

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related