如何从JQuery获取WebMethod的返回值

时间:2016-03-30 06:56:06

标签: c# jquery asp.net webforms

我正在尝试从JQuery调用中获取WebMethod的返回值,但我得到了#34; undefined"信息。这是我的代码

$.ajax({
        type: "POST",
        url: "Receipt/BarcodeEntered",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "text",
        success: function (msg) {
                    alert(msg.d); // This displays "Undefined"
                    alert(msg);   // This displays the whole html
                 }
});

,WebMethod位于

之下
[WebMethod]
public static string BarcodeEntered() 
{
    return "test_string";
}

如何从WebMethod获取值并在客户端显示它?

3 个答案:

答案 0 :(得分:2)

WebMethod官方只能返回XML或JSON。 默认值为json,因此无论您返回什么内容都会转换为json

更改JQuery $.ajax({ type: "POST", url: "Receipt/BarcodeEntered", data: "{}", contentType: "application/json; charset=utf-8", dataType: "json", success: function (msg) { alert(msg); } });

public class SampleClass{
    public string Message {set; get;}
}

[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public SampleClass BarcodeEntered()
{

        return new SampleClass(){
        Message  = "Sample message"
    };

}

你应该返回class而不是单个字符串。因为字符串无法转换为有效的json对象。

.net

答案 1 :(得分:0)

你需要返回JSON,让我写下一个例子。

public JsonResult DoStuff()
{
    string text = "text";

    return Json(text, JsonRequestBehavior.AllowGet);
}

答案 2 :(得分:0)

这是我在asp.net页面中使用的工作演示。数据将在d属性中。

JQuery代码。

    $.ajax({
    type: "POST",
    url: "/Subfolder/MyPageName.aspx/myWebMethodName",
    data: '{}',
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (msg) {
      if (msg.d == "OK") {
       alert("OK")
      } else {
         alert(msg.d);
      }
    }
   });

C#代码

[WebMethod]
public static string myWebMethodName()
{ 
   return "OK";
}