博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery操作json数据
阅读量:4679 次
发布时间:2019-06-09

本文共 1489 字,大约阅读时间需要 4 分钟。

json是一种轻量级数据交换格式,简单的json格式为[{"key1":"value1"},{"key2":"value2"}],

[]代表数组,{}代表数组中的数据对象,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代码:

点击按钮获取JSON数据

使用Ajax获取JSON数据的jQuery代码:

$(document).ready(function(){ $('#button').click(function(){  $.ajax({   type:"GET",   url:"songs.json",   dataType:"json",   success:function(data){    var song="
    "; //i表示在data中的索引位置,n表示包括的信息的对象 $.each(data,function(i,n){ //获取对象中属性为optionsValue的值 song+="
  • "+n["optionValue"]+"
  • "; }); song+="
"; $('#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();        }

转载于:https://www.cnblogs.com/gcczhongduan/p/4267169.html

你可能感兴趣的文章
移动端自适应js
查看>>
Pro Android学习笔记(三二):Menu(3):Context菜单
查看>>
java中用StringBuffer写文件换行
查看>>
c#ASP.NET中页面传值共有这么几种方式
查看>>
ios 截屏
查看>>
vue2.0 路由学习笔记
查看>>
甲骨文发布JSR 356 针对WebSocket的Java API
查看>>
[转]JAVA回调机制(CallBack)详解
查看>>
vue组件库(五):icon管理
查看>>
Apache Hadoop 和Hadoop生态圈
查看>>
Ctrl+Enter 选中文本提交
查看>>
android WIFI
查看>>
常用的匹配正则表达式和实例
查看>>
小组成员及其git链接
查看>>
SQL case when else
查看>>
JAVA学习之路(环境配置,)
查看>>
Task.WaitAll代替WaitHandle.WaitAll
查看>>
MVc Identity登陆锁定
查看>>
MyBatis持久层框架使用总结 转载
查看>>
机器学习之逻辑回归
查看>>