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

soゝso 2016-09-09 13:22:41 3160
分享到:

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


关于作者
目前就职于国内某电商平台公司打杂。。
相关文章
JSOUP 教程,JSOUP请求JSON ,JSOUP返回JSON 数据
Httpclent 请求限制,判断返回类型和返回数据大小
Java API接口返回不是JSON的解决方案,SpringMVC返回JSON配置。
Java 之 HTTP请求乱码解决,GZIP 返回值乱码解决
N多系统单点登录,实现、解决方案。四种解决方案
Elasticsearch 随机返回数据 API
Shiro 教程,Ajax请求拦截跳转页面方案
Elasticsearch 聚合(aggregation)查询返回所有
Jackson 转换JSON,SpringMVC ajax 输出,当值为null或者空不输出字段@JsonInclude
JSON格式讲解,JSON获取对象,JSONObject和JSONArray的操作
最新文章
免费天气API,全国天气 JSON API接口,可以获取五天的天气预报 38710
JS解密,JavaScript 解密,任何JS加密都能100%解密,以及JS 加密讲解 62
阿里云DNS 解析讲解,SEO配置搜索引擎线路解析 40
百度秒收录教程,怎么做到百度秒收入你的页面,SEO 教程 85
CDN 请求返回 connection reset by peer,被拦截请求解决方案 33
Google AdSense 申请技巧,谷歌广告申请通不过教程 65
Mac 安装 JMeter,JMeter 下载,JMeter Http 压力测试【图解】 45
支付宝吱口令自动复制脚本,自动复制 JavaScript 代码介绍 836
谈谈这次对 SOJSON 的改版 146
Java 计算2个时间相差多少年,多少个月,多少天的几种方式 480
最热文章
免费天气API,全国天气 JSON API接口,可以获取五天的天气预报 38710
Elasticsearch教程(四) elasticsearch head 插件安装和使用 108878
Elasticsearch教程(六) elasticsearch Client创建 73261
Elasticsearch教程(八) elasticsearch delete 删除数据(Java) 70725
Elasticsearch教程(二),IK分词器安装 67430
Elasticsearch教程(三),IK分词器安装 (极速版) 54068
Elasticsearch教程(五) elasticsearch Mapping的创建 51513
Elasticsearch教程(一),全程直播(小白级别) 51211
Elasticsearch教程(七) elasticsearch Insert 插入数据(Java) 47698
Elasticsearch权威指南-中文.pdf,Elasticsearch 中文文档下载 40863

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

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

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

支付扫码

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

正在加载... ...