数码资讯
异步获取JSON数据的方法总结
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
在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方法。
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方法。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。