在jQuery的JSON数据异步采集2种方式,一是美元。getJSON方法和另一种是美元。Ajax方法。这方面的经验,使用这2种方法来异步获取JSON数据然后添加到页面。

Create a data.json file in the root directory:

复制代码代码如下所示:

{

:hello

两个:世界

}



-美元的getJSON方法获取JSON数据。

复制代码代码如下所示:





$(函数(){())

美元。getJSON(JSON数据。功能(数据){

var项目{ };

$(数据,函数(键,缬氨酸){)

Items.push('+价值+);

});

{ $(。

类:'list,

HTML:items.join('')

})AppendTo('body);

});

});







-通过ajax方法获取JSON数据

复制代码代码如下所示:





$(函数(){())

$ ajax({

网址:JSON的数据,

DataType:'json,

成功:函数(数据){

var项目{ };

$(数据,函数(键,缬氨酸){)

Items.push('+价值+);

});

{ $(。

类:'list,

HTML:items.join('')

})AppendTo('body);

},

状态码:{

404:函数(){

警报(找不到相关文件);

}

}

});

});





结论:两美元。getJSON方法和美元。Ajax方法可以达到同样的效果。但是,如果我们想对异步捕获过程有更详细的控制,我们建议使用ajax方法。