本文在jQuery基础上扩展了其处理json字符串能力,伟大的jQuery将会更伟大,哈哈!
用jQuery写javascript非常高效,jQuery对ajax的封装也非常到位;使用jQuery一段时间后发现,jQuery在处理json字符串方面功能不是很强,至少比prototype.js差远了,以前用习惯了prototype.js,在进行ajax开发时,处理json数据非常方便;而在jQuery中,只提供了一个简单的jQuery.getJSON()方法,并未提供jQuery本身对json数据的转换处理,将json字符串转换为javascript数据对象还比较容易利用eval()函数即可,但要将javascript的数据类型转换成json字符串就比较难了;刚开始不得同时使用prototype.js和jQuery,但由于著名的$符号函数,所以又不得不对jQuery进行一次转义,这样总究比较麻烦,而且prototype.js文件现在可不像以前那样小了,如果只是单纯的使用prototype.js的json处理功能,没有必要将其集成进来,为此本人对jQuery进行了一个简单的扩展,代码如下,只需要拷贝到你的代码中即可运行:
扩展代码://扩展jQuery对json字符串的转换
jQuery.extend(
{
/**
* @see 将json字符串转换为对象
* @param json字符串
* @return 返回object,array,string等对象
*/
evalJSON : function (strJson)
{
return eval( "(" + strJson + ")");
}
});
jQuery.extend(
{
/**
* @see 将javascript数据类型转换为json字符串
* @param 待转换对象,支持object,array,string,function,number,boolean,regexp
* @return 返回json字符串
*/
toJSON : function (object)
{
var type = typeof object;
if ('object' == type)
{
if (Array == object.constructor)
type = 'array';
else if (RegExp == object.constructor)
type = 'regexp';
else
type = 'object';
}
switch(type)
{
case 'undefined':
case 'unknown':
return;
break;
case 'function':
case 'boolean':
case 'regexp':
return object.toString();
break;
case 'number':
return isFinite(object) ? object.toString() : 'null';
break;
case 'string':
return '"' + object.replace(/(\\|\")/g,"\\$1").replace(/\n|\r|\t/g,
function(){
var a = arguments[0];
return (a == '\n') ? '\\n':
(a == '\r') ? '\\r':
(a == '\t') ? '\\t': ""
}) + '"';
break;
case 'object':
if (object === null) return 'null';
var results = [];
for (var property in object) {
var value = jQuery.toJSON(object[property]);
if (value !== undefined)
results.push(jQuery.toJSON(property) + ':' + value);
}
return '{' + results.join(',') + '}';
break;
case 'array':
var results = [];
for(var i = 0; i < object.length; i++)
{
var value = jQuery.toJSON(object[i]);
if (value !== undefined) results.push(value);
}
return '[' + results.join(',') + ']';
break;
}
}
});
示例:
var obj = {
name : "sean",
friend : ["fans","bruce","wawa"],
action : function(){alert("gogogog")},
boy : true,
age : 26,
reg : /\b([a-z]+) \1\b/gi,
child : {
name : "none",
age : -1
}
};
var json = $.toJSON(obj);
var objx = $.evalJSON(json);
哈哈,不错吧,现在用起来舒服多了!
分享到:
相关推荐
扩展jQuery的json功能文.pdf
jquery.json-2.3.min.js和jquery.json-2.3.js jQuery为开发插件提拱了两个方法,分别是:jQuery.extend(object); 为扩展jQuery类本身 jQuery.fn.extend(object);给jQuery对象添加方法。
chosen源码 chosen-1.2.0...jQuery Chosen Plugin 是一个 jQuery 插件,用来将网页中的下拉框进行功能扩展和美化。可实现对下拉框的搜索,多个标签编辑等功能 下载地址:https://github.com/harvesthq/chosen/releases
jQuery 扩展,将复杂form表单转成json对象
NULL 博文链接:https://zhkac.iteye.com/blog/499330
扩展jquery simple tree 用json 格式传递数据到后台,如struts2,可用json插件转换对象
它仅取决于jQuery。 可以在拖曳模式下使用:属性网格(当前实现)/常规形式(路线图)。 易于自定义CSS。 支持的输入:text / checkbox / textarea / html / color / date / number / radio / select。 验证...
本文通过实例代码给大家介绍了jQuery扩展方法实现Form表单与Json互相转换的相关知识,并给大家介绍了jquery两种扩展方法,需要的朋友可以参考下
jquery ajax用json传值实例 适用于初学者,将页面文件拖到网站项目中即可,包含了传入值传出值,可以根据此代码扩展为自己的代码,一看就明白,有备注
Jquery自带的序列化,仅对form表单进行序列化,有很大的局限性,现在对齐进行扩展可以进行任意的序列化,包括json格式,字符串格式、数组格式,数组时自动转化为字符串等。并可以根据开发需要,随时扩展自己想要的...
webService服务返回XML数据,通过工具XML转JSON数据绑定JQUERY自动实例扩展函数,达到自动补全的功能
jquery实现数组array、集合list、json类型的分页 其他可以查看代码,都有注释,调用也简单(当然,功能也简单 可以自己插入函数扩展一下)
mversion-交叉打包管理器模块版本处理程序/保险杠 ... *.jquery.json (jquery插件文件,例如plugin.jquery.json ) 使用CLI npm install -g mversion 例子 $ mversion patch New Version: 0.0.6 Updated package.j
本文实例讲述了jQuery基于ajax操作json数据的方法。分享给大家供大家参考,具体如下: jQuery Ajax 实例演示 jQuery Ajax 的三种格式,在与后台进行数据交互的时候可以是json格式也可以是xml格式,本人建议将数据...
demo以及源码 博文链接:https://lanrenjun.iteye.com/blog/824985
openui5-model-json-crud 一个OpenUI5库,该库扩展了JSONModel以支持CRUD(创建,读取,更新,删除)操作。 它使用fetch(不是jQuery.ajax)将请求发送到服务器,并使用响应填充JSON模型。 如前所述,OpenUI5 CRUD ...
《jQuery权威指南》不仅完整地呈现了jQuery本身所有的功能,而且讲解了jQuery UI等扩展功能;更值得一提的是,还包括最佳实践和性能优化方面的技巧,内容全面,结构合理。除此之外,本书还包括大量的实例,不仅每个...
$.extend方法可以扩展JSON对象,用一个或多个其他对象来扩展一个对象,返回被扩展的对象。 例一 合并 settings 和 options,修改并返回 settings var settings = { validate: false, limit: 5, name: "foo" }; var ...
本文实例讲述了jQuery实现form...jQuery扩展——form序列化到json对象</title> <meta http-equiv=Content-Type content="text/html;charset=utf-8"> <script type="text/javascript" src="jquery-1.1
使用jQuery扩展工具函数实现对字符串指定类型的检测 第10章 在指定的查找范围内获取DOM元素 选择器中含有空格符与不含空格符的区别 事件中的target方法优化冒泡现象 使用data()方法在元素上存取移数据 使用data...