jquery-ajax-c＃成功函数已执行但无响应

Question

The post is fired and I can see the below in firebug

POST http://localhost:1148/WebSite2/frmMain.aspx/webDelete 200 OK 15ms

jQuery code is:

$.ajax({
   url: "frmMain.aspx/webDelete",
   type: "POST",  
   dataType: "text",
   contentType:"text/plain",
   data: {id:"abc"},
   success: function(data){alert("success");alert(data)},
   error: function(){alert("failed");}
});

Then two alerts in the success function are fired but the second alert is empty

Server side coding:

[WebMethod][ScriptMethod]
public static string webDelete(string id)
{
    HttpContext context = HttpContext.Current;
    context.Response.ContentType = "text/plain";

    return id;
}

---

currently trying without the involvements of param, the error function is triggeres, no success

jquery code

$.ajax({

        url: "frmMain.aspx/webDelete",
        type: "POST",  
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        data: "{}",
        async: true,            
        success: function(data){alert("success");alert(data.d) },
        error: function(){alert("failed"); }

    } );

server code

[WebMethod][ScriptMethod]
public static string webDelete()
{
   return "hello";
}

firebug info:

Response Headers

Cache-Control   private
Connection          Close
Content-Length  11732
Content-Type    text/html; charset=utf-8
Date            Thu, 18 Jul 2013 09:47:34 GMT
Server          ASP.NET Development Server/8.0.0.0
X-AspNet-Version    2.0.50727

Request Headers

Accept          application/json, text/javascript, */*; q=0.01
Accept-Encoding gzip, deflate
Accept-Language en-US,en;q=0.5
Content-Length  2
Content-Type    application/json; charset=utf-8
Host            localhost:1148
Referer         http://localhost:1148/WebSite2/frmMain.aspx
User-Agent          Mozilla/5.0 (Windows NT 5.2; rv:22.0) Gecko/20100101 Firefox/22.0
X-Requested-With    XMLHttpRequest

Answer 1

In order to see what's wrong.

1. Debug webDelete() to see that id is actually 'abc'! might be problem in parsing the form data...

2. check the actual response using FireBug or Chrome F12

---

Try navigating to :

http://localhost:1148/WebSite2/frmMain.aspx/webDelete?id=myNeetID

• does this fire up the WebMethod?
• does this return myNeetID or a blank?

notice: you might need to Enable GET method.

Answer 2

If you use [WebMethod][ScriptMethod] in combination, you need to make some changes to your ajax call.

$.ajax({
   url: "frmMain.aspx/webDelete",
   type: "POST",  
   dataType: "json",
   contentType: "application/json; charset=utf-8",
   data: JSON.stringify({id:"abc"}),
   success: function(data){alert("success");alert(data.d)},
   error: function(){alert("failed");}
});

See:

http://encosia.com/using-jquery-to-directly-call-aspnet-ajax-page-methods/

Answer 3

Thank you all for your help ^_^

Was able to find an answer through this wonderful post!

jquery ajax with asp.net not working

Note: This isuue was caused by the .NET version problem