ajax循环json 中的 for(var prop in data) 与 hasProperty()

　　上周终于有机会接触了ajax...  因为一直没有做过，所以觉得不是很理解,用jQuery 写的

　　首先：

$(".J-update").bind("click",function(){

    vars.....//声明定义了一堆变量

    $.ajax({
        url : ...,
        datatype :  "jsonp", 
        jsonp : "cb",
        type : "GET",
        timeout : 10000,
        sucess : function(){

        },
        error : function(){

        }
    });

});

        json 是一个对象，里面包含很多个具体的对象；而jsonp 是为解决“跨域” (什么是"跨域":"图一"？)

    var prop;
    var obj = {
        name    : {aa:"Nick",bb:"xian"},
        sex     : {aa:"Man",bb:"dd"},
        country : {aa:"America",bb:"hao"}
    };
    for(prop in obj){
        console.log("Property name is ",prop);
        console.log("Property value is ",obj[prop].bb);
    }

　　上面的obj 可以认为是json 文件。prop 是obj 的“属性”。 for(prop in obj) 会一条一条的循环obj 。上面结果如下：

　　Property name is name

　　Property value is xian

　　Property name is sex

　　Property value is dd

　　Property name is country

　　Property value is hao

var prop,i = 0;
    var obj = {
        name    : {aa:"Nick",bb:"xian"},
        sex     : {aa:"Man",bb:"dd"},
        country : {aa:"America",bb:"hao"}
    };
    for(prop in obj){
        console.log("Property name is ",prop);
        console.log("Property value is ",obj[prop].bb);
        i++;
        console.log(i);//可以计算出有多少条数据
        console.log("prop.length:",prop.length," obj[prop]:",obj[prop]," obj[prop].length:",obj[prop].length);//D方案
    }

　　上面代码定义var i; i++;可以得到有几条数据。而D方案 prop.length 就是字符串的长度，obj[prop].length 则是 undefined.

　　for-in 循环有一个问题，就是它不仅遍历对象的实力属性(instance property), 同样还遍历从原型继承来的属性。当遍历自定义对象的属性时，往往会因为意外的结果而终止。出于这个原因，最好使用 hasOwnProperty()方法来为 for-in 循环过滤出实例属性。

　　

for(prop in obj){
    if(obj.hasOwnProprty(prop)){
        console.log("Property name is ",prop);
        console.log("Property value is ",obj[prop].bb);
    }    
}

    关于 for-in 循环还有一点需要注意，即for-in 是用来遍历对象的。一个常见的错误用法是使用它来循环遍历数组成员。

图一：