jquery - AJAX - 如何从我的静态 [webmethod] 中检索返回的值

Question

我的 Default.aspx 页面中有以下 PageMethod：

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

在这里，我有一个 div 文本，我想将其设置为通过 AJAX 返回的任何内容：

<div id="ajaxDiv"></div>

下面是我调用 AJAX 的两种方式。第一个是标准的 AJAX 调用：

 function testAjax()
{
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function ()
{
    if (xmlhttp.readyState == 4 && status == 200)
        $('#ajaxDiv').text(xmlhttp.responseText);
}
xmlhttp.open("POST", "Default.aspx/Hello", true);
xmlhttp.send();

}

第二个是在 JQuery 的帮助下：

function testAjaxJQuery()
 {
  $.ajax(
  {
     type: "POST",
     url:"Default.aspx/Hello",
     data: "{}",
     success: function (data)
     {
         $('#ajaxDiv').text(data); 
     }
  }
 )

}

我将一个按钮 onclick 事件绑定到这些函数，但是通过这两种方法，我得到了我的 Default.aspx 页面的标记，而不是“Hello”这个词。我还需要做什么。

Answer 1

您应该使用 data.d 来获取响应：

 $.ajax({
   type: "POST",
   url: "Default.aspx/Hello",
   data: "{}",
   contentType: "application/json; charset=utf-8",
   dataType: "json",
   success: function (data) {
         $("#ajaxDiv").text(data.d);
   }
});