Webform中的前后端分离

Webform常用的开发方式

（1）运用服务器端控件的aspx页面

（2）一般处理程序+html静态页面+Ajax(所谓的前后端分离)

（3）一般处理程序+html模板引擎

 

这里简单记录 html+Aajx的方式

 

场景： 保存列表信息

 

1.提交按钮，触发ajax方法

1   
"text-align: right; padding: 10px 35px;">
2       "button" value=" 保存 " class="submit"  onclick="javascript: savepro();" />
3   

 

调用$.ajax前 需要引用jquery.js

 1 
32  

 

2.aspx页面处理html提交的数据

  新建ajaxMethod.aspx

  

 1  #region JSON返回类型
 2     /// 

 3     /// JSON返回类型
 4     /// 
 5     private class Act
 6     {
 7         /// 

 8         /// 状态代码
 9         /// 
10         public bool Status { get; set; }
11         /// 

12         /// 错误代码
13         /// 
14         public int ErrorNo { get; set; }
15         /// 

16         /// 状态消息
17         /// 
18         public string Message { get; set; }
19         /// 

20         /// 自定义数据
21         /// 
22         public object MyObject { get; set; }
23         
24     }
25     #endregion
26  
27      #region
28      if (Request.Params["Method"] == "UpdateEquipInfo")
29         {
30             Act act = new Act();
31             act.Status = false;
32             try
33             {
34                 act.Status = true;
35                 //业务代码
36                 //DoSomething();
37             }
38             catch (Exception ex)
39             {
40                 act.Message = ex.Message;
41                 act.Status = false;
42             }
43             Response.Write(JsonConvert.SerializeObject(act));
44         }
45         #endregion