JQuery Ajax四种写法，Ajax请求返回JSON 操作Demo_H5之家

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.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.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.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.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>

本文主题

Ajax JSON

如果本文对你有帮助，那么请你赞助我，让我更有激情的写下去，帮助更多的人。

版权所属：SO JSON在线解析

原文地址：

转载时必须以链接形式注明原始出处及本声明。