JS中常用操作技巧（页面动态增加div，contain方法扩展,JSON对象鱼字符串转换）

AJAX中dataType : "json",与dataType : "Text",的区别，如果为json，那么后台传递过来的json字符串就不用通过json.  eval等方法进行转化了，直接就可以拿来用的

 

0 append，常用于页面动态创建页面元素用，非常实用

 var obj = $("#div");obj.empty();obj.append("<option value='" + msg[i].AA + "'>"+ msg[i].BB + "</option>");

1 each方法常用于遍历选择的那些条目中的主键，converToStr为后台AJAX传递参数，

var converToStr = "";var keyWord = "";$(data).each(function(){keyWord += "{" + "主键A" + ":" + this.主键A.toString() + ","  + "主键B" + ":" + this.主键B.toString() + "},";});converToStr = "[" + keyWord + "]";

2 将json字符串转换为json对象的方法解析

JSON字符串:
var str1 = '{ "name": "cxh", "sex": "man" }';
JSON对象:
var str2 = { "name": "cxh", "sex": "man" };

一、JSON字符串转换为JSON对象

要使用上面的str1，必须使用下面的方法先转化为JSON对象：

//由JSON字符串转换为JSON对象

var obj = eval('(' + str + ')');

或者

var obj = str.parseJSON(); //由JSON字符串转换为JSON对象

或者

var obj = JSON.parse(str); //由JSON字符串转换为JSON对象

然后，就可以这样读取：

Alert(obj.name);

Alert(obj.sex);

特别注意：如果obj本来就是一个JSON对象，那么使用eval（）函数转换后（哪怕是多次转换）还是JSON对象，但是使用parseJSON（）函数处理后会有问题（抛出语法异常）。

二、可以使用toJSONString()或者全局方法JSON.stringify()将JSON对象转化为JSON字符串。

例如：

var last=obj.toJSONString(); //将JSON对象转化为JSON字符

或者

var last=JSON.stringify(obj); //将JSON对象转化为JSON字符

alert(last);

注意：

上面的几个方法中，除了eval()函数是js自带的之外，其他的几个方法都来自json.js包。新版本的 JSON 修改了 API，将 JSON.stringify() 和 JSON.parse() 两个方法都注入到了 Javascript 的内建对象里面，前者变成了 Object.toJSONString()，而后者变成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()方法，则说明您的json包版本太低。

3 javascript的Array加上contains方法,这个方法也可以当做set使用，只要contains(arr, obj)==false 就在arr这个数组里面放上obj这个对象，这样获得的arr就相当于一个map

function contains(a, obj) {    var i = a.length;    while (i--) {       if (a[i] === obj) {           return true;       }    }    return false;}

当然我们也可以扩展Array类，如下js

Array.prototype.contains = function(obj) {    var i = this.length;    while (i--) {        if (this[i] === obj) {            return true;        }    }    return false;}

这样就可以方便的使用contains方法了：

alert([1, 2, 3].contains(2)); // => truealert([1, 2, 3].contains('2')); // => false