JQuery Ajax四种写法，Ajax请求返回JSON 操作Demo
本来觉得这个没必要写，但是还是有一些童鞋在问，就写一个吧。 Ajax 支持多种数据请求类型。这篇博客就说说请求 JSON 吧。不过 Ajax 不是原生的，是基于 jQuery 的 Ajax 。我下面展示一下常用的四种 Ajax 写法。
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8"/>
<title>N种 Ajax请求返回JSON 操作Demo。</title>
<script src="http://open.sojson.com/domain/js/jquery-2.1.4.min.js"></script>
<script>
//ajax 方式
$.ajax({
url:"http://bang.cdn.www.sojson.com/testJSON.json",
dataType:"json",
type:"get",
success:function(result){
console.log("status:%s", result.status);
$.each(result.data,function(){
console.log("name:%s,age:%s",this.name,this.age)
});
}
});
//post 方式
$.post("http://bang.cdn.www.sojson.com/testJSON.json",{},function(result){
console.log("status:%s", result.status);
$.each(result.data,function(){
console.log("name:%s,age:%s",this.name,this.age)
});
},"json");
//get 方式
$.get("http://bang.cdn.www.sojson.com/testJSON.json",{},function(result){
console.log("status:%s", result.status);
$.each(result.data,function(){
console.log("name:%s,age:%s",this.name,this.age)
});
},"json");
//get JSON 方式
$.getJSON("http://bang.cdn.www.sojson.com/testJSON.json",{},function(result){
console.log("status:%s", result.status);
$.each(result.data,function(){
console.log("name:%s,age:%s",this.name,this.age)
});
});
</script>
</head>
<body>
</body>
</html>版权所属：SO JSON在线解析
原文地址：https://www.sojson.com/blog/170.html
转载时必须以链接形式注明原始出处及本声明。
如果本文对你有帮助，那么请你赞助我，让我更有激情的写下去，帮助更多的人。
