手机版

使用jquery和json从后台获取数据集的代码

时间:2021-10-16 来源:互联网 编辑:宝哥软件园 浏览:

实际上,Json也是一种数据格式,在后台封装成一种格式,然后在前台以同样的方式解析,类似于序列化。Json格式主要由键值对组成,可以表示多个数据。例如,{name:zhangshan,age:12,class:1} json也可以表示一个数据集,该数据集由{}和:比如我们需要从数据库中查询一个表,然后将表传输到前台,但是数据集不能直接传输,所以需要将数据集数据转换成json数据,这样可以方便前台js解析数据。接下来,我将编写转换后的格式{Name:表名,row : [{ sname :名称,SAge:年龄} }.} {.}]}这是一个表的数据格式,{ tables :[{ name 3360 table 1的名称,row :[{ sname 3360 name,sage 3360 age } }.} {.}]} {姓名。行: [{sname3360名称,SAge:年龄} }.} {.}]]}这是多个表的数据格式。让我们用一个例子来演示数据集的传输。首先,我们需要一个前台页面来获取数据studentinfo.html。在这个页面中,我们有一个以Json格式获取数据的函数,jquery为我们封装了这样一个函数。复制代码如下:脚本类型=' text/JavaScript '函数getdata () {$ ('# data ')。val(“”);Jquery.post('./ashx _ for _ request/getdataset . ashx ',{},function (data) {//data是后台传来的数据var obj=JSON . parse(data);//将后天传输的数据转换为Json格式$('#data ')。html(“”);$.每个人。tables,function (index,table){//遍历数据集表并输出数据集内容//根据不同的表名显示不同的字段。获取特定的表,table=obj . tables[0]vartablename=table . name;$.每个(表。row,function (index,row){//遍历dataset table $ ('# data ')中的行。html ($ ('# data ')。html(). row . sidrow . snamerow . sage row . sclassrow . ssex row . s grade '/。//每行每列的内容这里,我们用row.colname获取每行每列的内容});});})} /script我们使用jquery的post函数从后台获取数据,然后解析数据。现在我将演示后台数据格式复制代码,如下所示:私有字符串getdataset () {system。data.dataset ds=新系统。data . dataset();//使用(系统)测试数据。data . sqlclient . sqlconnectionconn=新系统。data . sqlclient . sqlconnection(' server=。数据库=学生;uid=sapwd=123456 '){使用(系统。data . sqlclient . sqlcommand com=conn . CreateCommand()){ com。CommandText='从BaseNews中选择* ';系统。新系统。data . sqlclient . sqldatadapter(com);爸爸。填充(ds);} }返回dataset 2 JSON(ds);} ///summary ///dataTable转换为Json格式////summary///param name=' dt '/param///returns/returns公共静态字符串DataTable2Json(System。data . DataTable dt){ StringBuilder jsonBuilder=new StringBuilder();jsonBuilder。追加(' {\ '名称' :\'' dt。TableName '\ ',\ ' Rows ');jsonBuilder。追加(' \ ' :[');for(int I=0;我决定。行。计数;i ) { jsonBuilder。追加(' { ');for(int j=0;j dt。列。计数;j ) { jsonBuilder。追加(' \ ');jsonBuilder。追加(dt。列[j]。column name);jsonBuilder。追加(' \ ' : \ ' ');jsonBuilder。追加(dt。行[i][j]。ToString()。替换(“\”、“\ \ \”);//特殊字符也要特殊对待。

jsonBuilder .追加(' \ ',');} jsonBuilder .移除(jsonBuilder .长度- 1,1);jsonBuilder .追加(' },');} jsonBuilder .移除(jsonBuilder .长度- 1,1);jsonBuilder .追加(']');jsonBuilder .追加("}");返回jsonBuilder .ToString();}///摘要///数据集转换成数据格式////summary////param name=' ds ' dataset/param///returns/returns公共静态字符串数据集2Json(系统.数据。DataSet ds){ StringBuilder JSON=new StringBuilder();json .追加(“{ \”Tables“:”);json .追加('[');foreach(系统。数据。数据表震颤性精神错乱(Delirium Tremens的缩写)在从记号处开始重复一遍中表格){ json .追加(DataTable2json(dt));json .追加(',');} json .移除(json .长度- 1,1);json .追加(']');json .追加("}");返回json .ToString();} 给大家看一下结果

可以根据得到的数据给出相应的格式。不要以为这里就完了。Json格式在不同浏览器下会有兼容性问题。此时,您只需要下载一个json2 js。

版权声明:使用jquery和json从后台获取数据集的代码是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。