Jquery插件制作经验分享 之 json字符串转换插件(附：jQuery.Json.js)
前几天在做ecshop开发商城时，因其原使用的js框架和方法，与(我想使用的)Jquery框架有冲突，但(原js文件)其中的Ajax处理的json对象转换的方法又是不可缺少的方法，原来的不能用，只能自己想办法写或找了，为了省事，就先网上搜索看看 ——也感觉有个东西有必要随便了解和学习下：Jquery插件的制作；对于Jquery插件有些了解，却仅仅局限于使用和概念上，对于其制作，只有个大概的'自我'认识，但却不知道其规范制作方法。[学就学规范的，上网一查 Jquery插件制作方法的文章和帖子 还挺不少。之前还感觉挺神秘或陌生的东西，一看其中的一两篇文章，发现它： 其实很简单，规范也很清晰 易用]现将所了解到的写出来，希望对“Jquery插件制作”有兴趣的朋友 有些帮助！
jQuery为开发插件提拱了两个方法，分别是：
jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。
jQuery.fn.extend(object);给jQuery对象添加方法。
虽然 javascript 没有明确的类的概念，但是用类来理解它，会更方便。
jQuery便是一个封装得非常好的类，比如我们用 语句 $("#btn1") 会生成一个 jQuery类的实例。
jQuery.extend(object); 为jQuery类添加添加类方法，可以理解为添加静态方法。如：
$.extend({
add:function(a,b){return a+b;}
});
jQuery.fn.extend(object); 对jQuery.prototype进得扩展，就是为jQuery类添加“成员函数”。jQuery类的实例可以使用这个“成员函数”。
比如我们要开发一个插件，做一个特殊的编辑框，当它被点击时，便alert 当前编辑框里的内容。可以如下实现：
最后，附上的是 从网上找的 Jquery Json插件(自己增改了一些注释)，其中用到就是上面所说的方法之一：$.extend();
方法使用如下：
/* *
* @file jQuery.Json.js
* @description 用于支持Json与其它类型互转的扩展方法
* @author knowmore
* @date 2011-03-01
* @license share
* @version 1.0.20110301
* */
/* *
* 将json字符串转换为对象的方法。
*
* @public
* @param json字符串
* @return 返回object,array,string等对象
* */
jQuery.extend({
/* * * @see 将json字符串转换为对象 * @param json字符串 * @return 返回object,array,string等对象 */
evalJSON: function (strJson) {
return eval( " ( " + strJson + " ) " );
}
});
/* *
* 将javascript数据类型转换为json字符串的方法。
*
* @public
* @param {object} 需转换为json字符串的对象, 一般为Json 【支持object,array,string,function,number,boolean,regexp *】
* @return 返回json字符串
* */
jQuery.extend({
toJSONString: 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.toJSONString(object[property]);
if (value !== undefined) results.push(jQuery.toJSONString(property) + ' : ' + value);
}
return ' { ' + results.join( ' , ' ) + ' } ' ;
break ;
case ' array ' :
var results = [];
for ( var i = 0 ; i < object.length; i ++ ) {
var value = jQuery.toJSONString(object[i]);
if (value !== undefined) results.push(value);
}
return ' [ ' + results.join( ' , ' ) + ' ] ' ;
break ;
}
}
});
(1)toJSONString
var goods = new Object();
goods.quick = quick;
goods.spec = spec_arr;
goods.goods_id = goodsId;
goods.number = number;
$.post('aaaa.php?step=getPro', 'goods=' + jQuery.toJSONString(goods), getResponse, 'JSON');
(2)evalJSON
result=jQuery.evalJSON(result);
alert(result.error);