JQuery Ajax四種寫法,Ajax請求返回JSON 操作Demo

soゝso 2016-09-09 13:22:41 15703

本來覺得這個沒必要寫,但是還是有一些童鞋在問,就寫一個吧。 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.380127.tw/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.380127.tw/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.380127.tw/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.380127.tw/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在線解析

原文地址:http://www.380127.tw/blog/170.html

轉載時必須以鏈接形式注明原始出處及本聲明。

本文主題:

如果本文對你有幫助,那么請你贊助我,讓我更有激情的寫下去,幫助更多的人。

關于作者
一個低調而悶騷的男人。
相關文章
JSOUP 教程,JSOUP請求JSON ,JSOUP返回JSON 數據
Java API接口返回不是JSON的解決方案,SpringMVC返回JSON配置。
Httpclent 請求限制,判斷返回類型和返回數據大小
CDN 請求返回 connection reset by peer,被攔截請求解決方案
Java 之 HTTP請求亂碼解決,GZIP 返回值亂碼解決
Elasticsearch 聚合(aggregation)查詢返回所有
Shiro 教程,Ajax請求攔截跳轉頁面方案
Elasticsearch 隨機返回數據 API
N多系統單點登錄,實現、解決方案。四種解決方案
Jackson 轉換JSON,SpringMVC ajax 輸出,當值為null或者空不輸出字段@JsonInclude
最新文章
Java獲取瀏覽器請求頭(User-Agent),分析瀏覽器信息,系統信息的幾種辦法。 39695
最熱文章
Java獲取瀏覽器請求頭(User-Agent),分析瀏覽器信息,系統信息的幾種辦法。 39695

騷碼加入我們 / 千人QQ群:259217951

入群需要5元為的是沒有垃圾廣告,如果沒有QQ錢包,可以加群主拉進。

二維碼生成 來自 >> 二維碼生成器。

支付掃碼

所有贊助/開支都講公開明細,用于網站維護:贊助名單查看

查看我的收藏

正在加載... ...

时时乐上海走势图连线