json实现前后台的相互传值详解(4)


 <table>
     <tr>
         <th>一</th>
         <th>二</th>
         <th>三</th>
     </tr>
     <tr>
         <td><input type="text" subtag="subtag" bindtag="bind" /></td>
         <td><input type="text" subtag="subtag" value="我只是测试一下下" /></td>
         <td><input type="text" subtag="subtag" bindtag="bind" /></td>
     </tr>      
 </table>

前台js:

复制代码 代码如下:


 //====================使用示例======================================
 var MyDataPack = new MyDataPack("Handler1.ashx", "CESHI", "");
 MyDataPack.getValueSetData("subtag");//将控件数据写入对象   “subtag”为要取 控件 值 的标签
 //-------------------传前台值到后台---------------
 $.post(MyDataPack.getUrl(), MyDataPack.getJsonData(), function (data) {
     //-------------------绑定后台值到前台-----------------
     MyDataBinder.Bind(data, "bind");  //"bind" 为 要绑定控件的 标签
 });

后台:

复制代码 代码如下:


public void ProcessRequest(HttpContext context)
{
    context.Response.ContentType = "text/plain";
    //====================取前台值=============================================
    //因为后台传过来的是 json对象 转换后的字符串  所以 所有数据都 做为一个参数传过来了
    var values = context.Request.Form[0];
    //需要引入程序集System.Web.Extensions.dll
    JavaScriptSerializer _jsSerializer = new JavaScriptSerializer();
    //将 json 对象字符串  转成 Dictionary 对象
    Dictionary<string, Dictionary<string, string>> dic = _jsSerializer.Deserialize<Dictionary<string, Dictionary<string, string>>>(values);
    //现在 dic 里面就包含了 所有前台传过来的值 想怎么用 就怎么用了。
    string inp_2 = dic["subtag"]["inp_2"];//这样就直接取到了前台 页面 id为 inp_2 的 控件value 值
    //=====================传值到前台============================================
    Dictionary<string, string> dic2 = new Dictionary<string, string>();
    dic2.Add("inp_1", "修改1");//这里只用对应控件id 传值即可
    dic2.Add("inp_2", "修改2");
    dic2.Add("inp_3", "修改3");
    context.Response.Write(_jsSerializer.Serialize(dic2));
}

小伙伴们对使用json实现前后台传值是否了解清楚了呢,有问题的话,就给我留言吧

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgxgpg.html