通过 jQuery 调用 WebService 方法

Question

我正在尝试通过 jQuery 调用 WebService 方法，但它不起作用。

代码如下...

jQuery

$.ajax({
    type: "POST",
    data: "{}",
    dataType: "json",
    url:'test.asmx/GetSurvey',
    contentType:"application/json;charset=utf-8",
    success: function(data) {
        $("#Span1").html(data.d);
    }
});

test.asmx (WebService) 代码如下：

[WebMethod]
[WebInvoke(Method = "POST", ResponseFormat = WebMessageFormat.Json)]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public string GetSurvey()
{
    return "Question: Who is Snoopy?";
}

可能是什么问题？

Answer 1

这里是jquery代码：

$.ajax({
type : "POST",
data : "",
dataType : "json",
url : 'test.asmx/GetSurvey',
contentType : "application/json;charset=utf-8",
success : function(data) {
    $("#Span1").html(data);
 }
});

您已从某个位置复制粘贴代码，但未删除 url 中的“enter your code” 所以这就是问题所在..

已编辑：

url: '<%=ResolveUrl("~/test.asmx/GetSurvey") %>',

尝试以这种方式通过路径

Answer 2

在你的 ajax 调用中

$.ajax({
type: "POST",
data: "{}",
dataType: "json",
url:'test.asmx/GetSurvey',
contentType:"application/json;charset=utf-8",
success: function(data) {
console.log(data);
    $("#Span1").html(data.d);
}
});

您可以在控制台选项卡中使用 Chrome 开发工具查看此日志。 此外，您可以使用网络选项卡中的 Chrome 开发工具监控您的请求/响应

查看有关 Chrome 开发工具的更多信息Chrome Dev Tools: Networking and the Console

Answer 3

1) "Question: Who is Snoopy?" 不是 JSON。

2) data.d 没有引用任何内容。

3) enter code here 是垃圾，删除它。

4) 如果您没有要发送的数据，那么您可以在 AJAX 选项中省略 data，"{}" 无论如何都是错误的参数定义方式。

阅读this，了解如何发送/返回 JSON 并正确使用它。