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

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

本来觉得这个没必要写,但是还是有一些童鞋在问,就写一个吧。 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请求拦截跳转页面方案
N多系统单点登录,实现、解决方案。四种解决方案
Elasticsearch 随机返回数据 API
Jackson 转换JSON,SpringMVC ajax 输出,当值为null或者空不输出字段@JsonInclude
最新文章
iOS版淘宝打开提示“您使用的程序是内测版本,将于2020-03-28到期,到期将无法使用,请尽快下载最新版本” 879
关于一位“caoz的梦呓”的大佬在微信公众号喷我的整体回复 58165
DNS TXT记录添加方法,ICP备案信息屏蔽查询处理方案讲解 2857
SEO优化的最佳时间段即将来临,春节最佳SEO优化讲解 2304
SEO实战分析-排名最近突然掉光了问题排查,几个大站关键词下降SEO问题分析 2307
Java模拟WSS websocket ssl请求,Java WSS模拟请求代码示例 4982
Springboot 集成 Ehcache 代码讲解 5740
阿里云 RDS Specified key was too long; max key length is 767 bytes 解决方案 2196
Springboot HTTP Get/Post 请求讲解,Springboot几行代码完成Http请求 6096
天气免费API接口,天气API接口请求讲解及源码下载 28862
最热文章
我为什么要选择RabbitMQ ,RabbitMQ简介,各种MQ选型对比 370239
苹果电脑Mac怎么恢复出厂系统?苹果系统怎么重装系统? 343732
免费天气API,全国天气 JSON API接口,可以获取五天的天气预报 308150
免费天气API,天气JSON API,不限次数获取十五天的天气预报 215877
最新MyEclipse8.5注册码,有效期到2020年 (已经更新) 207649
Elasticsearch教程(四) elasticsearch head 插件安装和使用 181621
Jackson 时间格式化,时间注解 @JsonFormat 用法、时差问题说明 113981
Elasticsearch教程(一),全程直播(小白级别) 101493
谈谈斐讯路由器劫持,你用斐讯路由器,你需要知道的事情 101121
Elasticsearch教程(六) elasticsearch Client创建 90306

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

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

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

支付扫码

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

查看我的收藏

正在加载... ...