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

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

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

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

本文主题:

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

关于作者
一个低调而闷骚的男人。
相关文章
最新文章
当我谈 HTTP 时,我谈些什么? 6414
新浪短链(t.cn)最新申请官方API的方法讲解。 30302
QUIC / HTTP3 协议详细分析讲解 3216
恭喜那个做云存储的七牛云完成 F 轮 10 亿人民币的融资,开启新的云旅程 4640
Autojs怎么安全加密?Autojs在线加密工具注意事项。 12460
Java JSON 组件选型之 FastJson 为什么总有漏洞? 31179
使用七牛云存储实现图片API,自动删除图片方案合集 4803
神速ICP备案经验分享,ICP备案居然一天就通过了 6159
百度加强推送URL链接,百度SEO强行推送链接JavaScript代码案例讲解。 5974
SOJSON 拓展服务器被DDos攻击了一晚上,是如何解决的? 7804
最热文章
苹果电脑Mac怎么恢复出厂系统?苹果系统怎么重装系统? 528264
我为什么要选择RabbitMQ ,RabbitMQ简介,各种MQ选型对比 453109
最新MyEclipse8.5注册码,有效期到2020年 (已经更新) 452914
免费天气API,全国天气 JSON API接口,可以获取五天的天气预报 404776
Elasticsearch教程(四) elasticsearch head 插件安装和使用 287737
Jackson 时间格式化,时间注解 @JsonFormat 用法、时差问题说明 265113
谈谈斐讯路由器劫持,你用斐讯路由器,你需要知道的事情 168070
Elasticsearch教程(一),全程直播(小白级别) 144656
Java 信任所有SSL证书,HTTPS请求抛错,忽略证书请求完美解决 140648
Elasticsearch教程(五) elasticsearch Mapping的创建 112312
支付扫码

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

查看我的收藏

正在加载... ...