使用jQuery的getJSON方法和ASP.NET Web窗体

如何使用jQuery上的getJSON方法在ASP.NET Web窗体页面上调用方法？

目标是这样的：

1. 用户单击列表项
2. 该值将发送到服务器
3. 服务器使用相关的东西列表进行响应，使用JSON格式化
4. 填充辅助框

我不想使用UpdatePanel，我已经使用ASP.NET MVC框架完成了数百次，但无法使用Web窗体来解决这个问题！

到目前为止，我可以做任何事情，包括调用服务器，它只是没有调用正确的方法。

谢谢，
基隆

一些代码：

jQuery(document).ready(function() { jQuery("#").click(function() { updateRegions(jQuery(this).val()); }); }); function updateRegions(areaId) { jQuery.getJSON('/Locations.aspx/GetRegions', { areaId: areaId }, function (data, textStatus) { debugger; }); } 

Answer 1

这是一个简约的例子，希望能让你开始：

 <%@ Page Language="C#" %> <%@ Import Namespace="System.Web.Services" %>            

Answer 2

我稍微调整了你的代码。 我将ClientID的服务器端输出添加到updateRegions方法以将其传入。并且我更改了您的getJSON方法以使用查询字符串参数（而不是单独的数据）和回调函数传递url。

 jQuery(document).ready(function() { jQuery("#<%= AreaListBox.ClientID %>").click(function() { updateRegions(<%= AreaListBox.ClientID %>); }); }); function updateRegions(areaId) { jQuery("h2").html("AreaId:" + areaId); jQuery.getJSON("/Locations.aspx/GetRegions?" + areaId, function (data, textStatus) { debugger; }); } 

如果有效，请告诉我！

Answer 3

您也可以使用GetJSON，但在这种情况下您应该更改WebMethod。 你应该装饰它：

 [WebMethod(EnableSession = true)] [ScriptMethod(UseHttpGet =false, ResponseFormat = ResponseFormat.Json)] 

做一个获得可能不是你想要的。