jQuery操作json常用方法示例
本文实例讲述了jQuery操作json常用方法。分享给大家供大家参考,具体如下:
在项目中经常会用到获取json中的某个值,或者动态的创建一个json对象,今天简单的做了一个通用的js
/**
* json工具
*/
var JsonUtil = (function(){
return {
/**
* 获取json中的单个值
*/
getValue:function(jsonObject,name){
var value = "";
$.each(jsonObject,function(n,v){
if(name == n){
value = v;
return false;
}
});
return value;
},
/**
* 获取json中的name 以数组形式返回
*/
getNames:function(jsonObject){
var names = [];
$.each(jsonObject,function(n,v){
names.push(n);
});
return names;
},
/**
* 创建json对象
*/
createJsonObject:function(){
this.jsonObectArr = [];
}
}
})();
/**
* 创建json的nam和value的名值对字符串
*/
JsonUtil.createJsonObject.prototype.createJsonStr = function (name,value){
if (typeof value == 'string'){
this.jsonObectArr.push("\""+name+"\":"+"\""+value+"\"");
}else{
this.jsonObectArr.push("\""+name+"\":"+value);
}
}
/**
* 获取json对象
*/
JsonUtil.createJsonObject.prototype.getJson = function (){
var str = "{"+this.jsonObectArr.join(',')+"}";
return $.parseJSON(str);
}
PS:关于json操作,这里再为大家推荐几款比较实用的json在线工具供大家参考使用:
在线JSON代码检验、检验、美化、格式化工具:
http://tools.jb51.net/code/json
JSON在线格式化工具:
http://tools.jb51.net/code/jsonformat
在线XML/JSON互相转换工具:
http://tools.jb51.net/code/xmljson
json代码在线格式化/美化/压缩/编辑/转换工具:
http://tools.jb51.net/code/jsoncodeformat
在线json压缩/转义工具:
http://tools.jb51.net/code/json_yasuo_trans
C语言风格/HTML/CSS/json代码格式化美化工具:
http://tools.jb51.net/code/ccode_html_css_json
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery操作json数据技巧汇总》、《jQuery表单操作总结》、《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
jQuery 过滤方法filter()选择具有特殊属性的元素
需要选出所有有背景图片的元素,使用jQuery的DOM过滤方法filter(),可以根据函数中表达的任何条件选择元素,需要的朋友可以参考下2014-06-06
jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】
这篇文章主要介绍了jQuery实现最简单的切换图效果,可兼容IE6、火狐、谷歌、opera等浏览器,涉及jQuery结合时间函数动态操作页面元素的相关技巧,非常简单实用,需要的朋友可以参考下2016-09-09
使用jQuery的load方法设计动态加载及解决被加载页面js失效问题
这篇文章主要介绍了使用jQuery的load方法设计动态加载及解决被加载页面js失效问题,非常不错,具有参考借鉴价值,需要的朋友可以参考下2017-03-03
jq stop()和:is(:animated)的用法及区别(详解)
下面小编就为大家带来一篇jq stop()和:is(:animated)的用法及区别(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2017-02-02
jquery ready函数、css函数及text()使用示例
想必大家对jquery的ready函数、css函数、text()并不陌生吧,其实很好理解的,接下来有个不错的示例,如果你对此理解还是很模糊可以参考下2013-09-09


最新评论