jQuery操作json数据
2015-05-21 21:50
274 查看
json是一种轻量级数据交换格式,简单的json格式为[{"key1":"value1"},{"key2":"value2"}],
[]代表数组,{}代表数组中的数据对象,key1,key2是一个json对象中的key,一个json中key值唯一,value1,value2,是key键对应的值。
下面使用jquery解析简单的son文件。
这里是songs.json文件内容
Html代码:
使用Ajax获取JSON数据的jQuery代码:
因为前台jquery不接受显示DataTable对象;--- 复用性不大,所以有必要先把datable转换成json数据格式
http://blog.csdn.net/wangboxian/article/details/24775867
[]代表数组,{}代表数组中的数据对象,key1,key2是一个json对象中的key,一个json中key值唯一,value1,value2,是key键对应的值。
下面使用jquery解析简单的son文件。
这里是songs.json文件内容
[ {"optionKey":"1", "optionValue":"Canon in D"}, {"optionKey":"2", "optionValue":"Wind Song"}, {"optionKey":"3", "optionValue":"Wings"} ]
Html代码:
<div>点击按钮获取JSON数据</div> <input type="button" id="button" value="确定" /> <div id="result"></div>
使用Ajax获取JSON数据的jQuery代码:
$(document).ready(function(){ $('#button').click(function(){ $.ajax({ type:"GET", url:"songs.json", dataType:"json", success:function(data){ var song="<ul>"; //i表示在data中的索引位置,n表示包含的信息的对象 $.each(data,function(i,n){ //获取对象中属性为optionsValue的值 song+="<li>"+n["optionValue"]+"</li>"; }); song+="</ul>"; $('#result').append(song); } }); return false; }); });
因为前台jquery不接受显示DataTable对象;--- 复用性不大,所以有必要先把datable转换成json数据格式
public static string ToJson(DataTable Adt) { StringBuilder jsonString = new StringBuilder(); jsonString.Append("["); foreach (DataRow pdr in Adt.Rows) { jsonString.Append("{"); jsonString.AppendFormat("\"name\":\"{0}\",\"value\":\"{1}\"", pdr["SmallClassName"].ToString(), pdr["SmallClassName"].ToString()); jsonString.Append("},"); } jsonString.Remove(jsonString.Length - 1, 1); jsonString.Append("]"); return jsonString.ToString(); }
http://blog.csdn.net/wangboxian/article/details/24775867
相关文章推荐
- Jquery重新学习之五[操作JSON数据]
- jQuery操作json数据
- Jquery 局部刷新及 表单取值赋值 处理返回json数据 一些基本操作
- 使用jQuery操作简单的JSON数据
- Jquery通过Ajax发送Json数据到后台验证模拟登陆操作demo
- Struts2-jquery-操作ajax返回json数据
- jQuery操作json数据
- JQuery操作JSON数据
- jquery+asp.net操作json数据的示例
- jQuery使用Ajax操作JSON格式数据说明
- jquery 操作json数据
- jquery的DOM操作,JSON数据格式
- jquery + ashx + Json 操作数据
- jquery之json数据操作
- js与jQuery实现获取table中的数据并拼成json字符串操作示例
- Jquery 局部刷新及 表单取值赋值 处理返回json数据 一些基本操作
- Jquery重新学习之五[操作JSON数据]
- jQuery基于ajax操作json数据简单示例
- jquery 对json数据的操作,增加、删除记录
- jQuery操作列表数据转成Json再输出为html dom树