JQuery Ajax四种写法,Ajax请求返回JSON 操作Demo

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

本来觉得这个没必要写,但是还是有一些童鞋在问,就写一个吧。 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.c.itboy.net/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.c.itboy.net/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.c.itboy.net/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.c.itboy.net/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

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

本文主题:

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

相关文章
JSON是什么?它能带来什么?它和XML比较?
SOJSON.COM 站点介绍
HttpClient 多次请求session保持同一个Session
JSON格式讲解,JSON获取对象,JSONObject和JSONArray的操作
Java 解析JSON,JSON-LIB jar包下载和使用。
GZIP压缩JSON,JSON压缩
SQL Server 对JSON的支持
JSON压缩算法 JSON.hpack ,JSON压缩实现
JSON数据格式,JSON格式化介绍,JSON格式介绍。
JSON.stringify 函数 (JavaScript)讲解
最新文章
ICP怎么操作取消备案,企业、个人怎么自己申请取消备案? 17
Javascript 加密/压缩后运行不了,JavaScript报错排查讲解 41
JavaScript 不可逆加密问题排查之方案一(闭包优化) 45
Java爬虫,Jsoup 爬取大众点评、美团商家信息电话号码解决方案 243
分解质因数 JavaScript 计算方式,及分解质因数讲解 8
湖南腾众4s店服务怎么样?进来看看你就知道了 29
SEO 之 SpringMVC redirect 301,301和302区别详细讲解 82
网站如何设置404页面、500等错误页面,有什么漏洞?怎么预防? 101
Java 文字转图片输出,Java 输出透明背景图片,Java文字转图片防爬虫 153
HttpClient获取访问域名的真实ip,HttpClient请求获取目标IP地址 298
最热文章
免费天气API,全国天气 JSON API接口,可以获取五天的天气预报 175183
Elasticsearch教程(四) elasticsearch head 插件安装和使用 138300
我为什么要选择RabbitMQ ,RabbitMQ简介,各种MQ选型对比 117968
Elasticsearch教程(六) elasticsearch Client创建 81987
Elasticsearch教程(一),全程直播(小白级别) 77090
Elasticsearch教程(二),IK分词器安装 77059
Elasticsearch教程(八) elasticsearch delete 删除数据(Java) 76748
苹果电脑Mac怎么恢复出厂系统?苹果系统怎么重装系统? 75165
Elasticsearch教程(五) elasticsearch Mapping的创建 69395
Elasticsearch教程(三),IK分词器安装 (极速版) 58149

骚码加入我们 / 千人QQ群:259217951

入群需要5元,如果没有QQ钱包,可以先Alipay、微信,赞助然后加群主拉进。

二维码生成 来自 >> 二维码生成器

支付扫码

所有赞助/开支都讲公开明细,用于网站维护:赞助名单查看

正在加载... ...