jQuery实现异步获取JSON数据的2种方式
本文介绍了jQuery实现异步获取JSON数据的2种方式,这对web程序的开发非常有用,供大家参考,具体方法如下:一般来说,有jQuery得到JSON数据异步2种方式,一是美元。getJSON方法,和其他的是美元。Ajax方法。本文是实现使用这2种方式的JSON数据异步采集,然后添加到页面。
创建根目录data.json的文件:
{
:hello
两个:世界
}
首先,通过美元得到JSON数据getJSON方法。
$(函数(){())
美元。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方法。
相信本文对jQuery程序设计有一定的参考价值。