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

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

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

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

本文主题:

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

关于作者
一个低调而闷骚的男人。
相关文章
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
最新文章
使用七牛云存储实现图片API,自动删除图片方案合集 391
神速ICP备案经验分享,ICP备案居然一天就通过了 1625
百度加强推送URL链接,百度SEO强行推送链接JavaScript代码案例讲解。 2648
SOJSON 拓展服务器被DDos攻击了一晚上,是如何解决的? 2885
湖南地区备案“新增网站需提交组网方案或解释说明”,关于备案做简单叙述 2842
企查查你是个什么企业,骗子的帮凶,诈骗的集中营,通过企查查骚扰企业电话不断,为所欲为的企查查 8882
Java爬取百度云观测对网站的检测数据,获取子域名及域名的安全信息 2388
【2020年】百度搜索词获取,获取百度搜索的关键词【真实有效】 6270
Nodejs环境安装,Nodejs环境安装一篇就够了 1610
iOS版淘宝打开提示“您使用的程序是内测版本,将于2020-03-28到期,到期将无法使用,请尽快下载最新版本” 2411
最热文章
苹果电脑Mac怎么恢复出厂系统?苹果系统怎么重装系统? 423149
我为什么要选择RabbitMQ ,RabbitMQ简介,各种MQ选型对比 414020
免费天气API,全国天气 JSON API接口,可以获取五天的天气预报 346945
最新MyEclipse8.5注册码,有效期到2020年 (已经更新) 298717
免费天气API,天气JSON API,不限次数获取十五天的天气预报 278478
Elasticsearch教程(四) elasticsearch head 插件安装和使用 216184
Jackson 时间格式化,时间注解 @JsonFormat 用法、时差问题说明 167813
谈谈斐讯路由器劫持,你用斐讯路由器,你需要知道的事情 133778
Elasticsearch教程(一),全程直播(小白级别) 117029
Elasticsearch教程(五) elasticsearch Mapping的创建 97466

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

入群需要5元为的是没有垃圾广告,如果没有QQ钱包,可以加群主拉进。

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

支付扫码

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

查看我的收藏

正在加载... ...