在webform中使用ajax

若是你用过Asp.net webform, 说明你也算是.NET 开发的老兵了。WEBform应该是2011-2013左右,当时还用visual studio 200五、 visual studio 2008。后来基本都用的是MVC。
若是是新开发的项目,估计没人会用webform技术。可是有些旧版本的项目,还须要维护,因此,我又不得不从新用上webform技术。前端

webform的程序中,大部分都是服务器控件。如今用起来,十分不习惯,新增几个curd的模块,都要浪费好多时间。因此,不得不寻求更高效的办法。web

决定用户前端ajax调用后台方法进行curd的方法。可是此前,我只知道MVC的请求路由,对于webform历来没用过。因此我翻看了一下百度,和官方文档:
ASP.NET AJAX 提供了另外一种机制以 Web 服务相似于调用而无需建立独立.asmx 文件。 这是经过使用一种技术称为"页面方法"。 页面方法是直接在页面或代码旁置文件中嵌入具备 WebMethod 特性应用于它们的静态 (共享在 VB.NET) 方法。 经过将 WebMethod 特性应用它们能够调用使用名为 PageMethods 获取在运行时动态建立的特殊 JavaScript 对象。ajax

后端代码:

[WebMethod]
public static Customer[] GetCustomersByCountry(string country)
{
return Biz.BAL.GetCustomersByCountry(country);
}json

前端代码:

$.ajax({
url: 'List.aspx/GetCustomersByCountry',
type: 'post',
contentType: "application/json; charset=utf-8",
data: "{ id: '" + id + "'}",
dataType: 'json',
success: function (data) {
console.log(data.d);
},
error: function (error) {
console.log(error);
}
});后端

前端注意的是,传递参数,和获取返回参数。

技术之路,没有捷径,欢迎关注工程师社群,天天共同进步!

相关文章
相关标签/搜索