EasyUI使用JSON保存數據

2019-11-14 13:30:52

字體：大中小

來源：轉載

供稿：網友

目前來說，使用JSON保存數據比較方便，前臺可以不用Test.aspx 頁面，可以直接用Html頁面，使用.aspx頁面的弊端就不在這里熬述。

具體步驟如下：

1、新建一個Html頁面，命名為Test.html

 1 <script type="text/javascript" src="easyui/jquery.min.js"></script> 2 <script type="text/Javascript" src="easyui/jquery.easyui.min.js"></script> 3 <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script> 4 <script type="text/javascript" src="js/save.js"></script> 5 <link rel="stylesheet" type="text/CSS" href="easyui/themes/default/easyui.css" /> 6 <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" /> 7  8 　　<div> 9 　　　　<input type="text" id="txtFileNames" class="textbox" name="Vassets" style="width:110px;"/>10 　　　　<a href="#" class="easyui-linkbutton" iconCls="icon-search" onclick="objV.saves()">保存</a> 11 　　</div>

2、新建一個JS頁面，命名為save.js

 1 objV = { 2         saves:function(){ 3             $.Ajax({ 4                 type: "POST", 5                 url: "Test.ashx", 6                 contentType: "application/json; charset=utf-8", 7                 data: JSON.stringify(GetJsonData()), 8                 dataType: "json", 9                 success: function (message) {10                     if (message > 0) {11                         alert("請求已提交！我們會盡快與您取得聯系");12                     }13                 },14                 error: function (message) {15                     $("#request-);16                 }17             });18         19         }20 21     };22 23 24     function GetJsonData() {25         var json = {26             "FTName": $("#txtFileNames").val()27         };28         return json;29     }

3、新建一個AddTest.ashx頁面

 1 　　　　　　  int num = 0; 2             context.Response.ContentType = "application/json"; 3             var data = context.Request; 4             var sr = new StreamReader(data.InputStream); 5             var stream = sr.ReadToEnd(); 6             var javaScriptSerializer = new JavaScriptSerializer(); 7             var PostedData = javaScriptSerializer.Deserialize<Model.FileType>(stream); 8             Dataaccess<Model.FileType> da = new DataAccess<Model.FileType>(); 9             10             11 12             try13             {14                 num = da.Add(PostedData, "FileType");15             }16             catch (Exception msg)17             {18                 context.Response.Write(msg.Message);19             }20 21             context.Response.ContentType = "text/plain";22             context.Response.Write(num);