$.getJSON( )的使用方法简介

大佬教程收集整理的这篇文章主要介绍了$.getJSON( )的使用方法简介，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

JSON（JavaScript Object Notation）即JavaScript对象表示法，是一种轻量级的数据交换格式。它非常便于编程人员对数据的处理，也便于机器对数据的解析和生成，应用非常广泛。

json文件可以保存为“test.json”这样的文件

json数据的一般格式如下（“{ }”中的为对象，“[ ]”中的为数组）

{
"@R_284_10586@l":3,
"rows":[
{
"userId":1,
"realName":"张三",
"headUrl":"href='teaDetail.html'",
"img":"src='images/tea1.jpg'",
"introduction":"热情大方。"
},{
"userId":2,
"realName":"王五",
"img":"src='images/tea2.jpg'",{
"userId":3,
"realName":"李四",
"img":"src='images/tea3.jpg'",
"introduction":"热情大方"
}
]
}

jQuery中的$.getJSON( )方法函数主要用来从服务器加载json编码的数据，它使用的是GET http请求。

使用方法如下：

$.getJSON( url [,data ] [,success(data,textStatus,jqXHR) ] )

url是必选参数，表示json数据的地址；
data是可选参数，用于请求数据时发送数据参数；
success是可参数，这是一个回调函数，用于处理请求到的数据。

获取json数据举例：

$.getJSON('test.json',function(data){

for (var i = 0; i < data.rows.length; i++) {

$('#test').append('<p>' + data.rows[i].realName + '</p>');

}

});

大佬总结

以上是大佬教程为你收集整理的$.getJSON( )的使用方法简介全部内容，希望文章能够帮你解决$.getJSON( )的使用方法简介所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。