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

JSON 2016-09-09 13:22:41 29654

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

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

本文主题:

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

关于作者
一个低调而闷骚的男人。
相关文章
JQuery Ajax四种写法Ajax请求返回JSON 操作Demo
JSOUP 教程,JSOUP请求JSON ,JSOUP返回JSON 数据
Java API接口返回不是JSON的解决方案,SpringMVC返回JSON配置。
Httpclent 请求限制,判断返回类型和返回数据大小
CDN 请求返回 connection reset by peer,被拦截请求解决方案
Elasticsearch 聚合(aggregation)查询返回所有
Java 之 HTTP请求乱码解决,GZIP 返回值乱码解决
Shiro 教程,Ajax请求拦截跳转页面方案
JSON格式讲解,JSON获取对象,JSONObject和JSONArray的操作
N多系统单点登录,实现、解决方案。四种解决方案
最新文章
Flink 在又拍云日志批处理中的实践 5236
个推异常值检测和实战应用-又拍云 923
TCP 和 UDP协议详细讲解,优缺点分析讲解 6538
URL中乱七八糟的字符讲解,来源以及如何解决 4226
HTTP/3 来了,您真的了解它么? 5334
当我谈 HTTP 时,我谈些什么? 11134
新浪短链(t.cn)最新申请官方API的方法讲解。 67914
QUIC / HTTP3 协议详细分析讲解 8892
恭喜那个做云存储的七牛云完成 F 轮 10 亿人民币的融资,开启新的云旅程 8495
Autojs怎么安全加密?Autojs在线加密工具注意事项。 34902
最热文章
苹果电脑Mac怎么恢复出厂系统?苹果系统怎么重装系统? 645827
最新MyEclipse8.5注册码,有效期到2020年 (已经更新) 592130
我为什么要选择RabbitMQ ,RabbitMQ简介,各种MQ选型对比 492570
免费天气API,全国天气 JSON API接口,可以获取五天的天气预报 480878
Jackson 时间格式化,时间注解 @JsonFormat 用法、时差问题说明 467672
Elasticsearch教程(四) elasticsearch head 插件安装和使用 416719
Java 信任所有SSL证书,HTTPS请求抛错,忽略证书请求完美解决 211632
谈谈斐讯路由器劫持,你用斐讯路由器,你需要知道的事情 199100
Elasticsearch教程(一),全程直播(小白级别) 185084
Jackson 美化输出JSON,优雅的输出JSON数据,格式化输出JSON数据... ... 162754
支付扫码

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

查看我的收藏

正在加载... ...