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

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

本来觉得这个没必要写,但是还是有一些童鞋在问,就写一个吧。 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 数据
Httpclent 请求限制,判断返回类型和返回数据大小
Java API接口返回不是JSON的解决方案,SpringMVC返回JSON配置。
Java 之 HTTP请求乱码解决,GZIP 返回值乱码解决
Elasticsearch 随机返回数据 API
N多系统单点登录,实现、解决方案。四种解决方案
Elasticsearch 聚合(aggregation)查询返回所有
Shiro 教程,Ajax请求拦截跳转页面方案
Jackson 转换JSON,SpringMVC ajax 输出,当值为null或者空不输出字段@JsonInclude
最新文章
Linux Centos 使用 Redis service 启动,Redis service 脚本编写 36
恭喜SOJSON获得阿里云618“上云接力赛”第一名,获得代金券6.18万 192
Springboot 集成Freemarker 自定义标签解决方案 504
七牛云到底有多垃圾?用七牛云需要知道的事,不然不小心就一套房没了 28193
JavaScript怎么识别360浏览器?JS识别360急速模式方案,360流氓浏览器 1090
关于本站所有JavaScript 加密、混淆、解密、美化等安全说明 1810
Jsoup 提交参数乱码,解决思路,解决过程及解决方案 839
生成新浪短网址、百度短网址,t.cn / dwz.cn 的生成方式,短链还原 825
ICP怎么操作取消备案,企业、个人怎么自己申请取消备案? 631
Javascript 加密/压缩后运行不了,JavaScript报错排查讲解 575
最热文章
免费天气API,全国天气 JSON API接口,可以获取五天的天气预报 179883
Elasticsearch教程(四) elasticsearch head 插件安装和使用 140457
我为什么要选择RabbitMQ ,RabbitMQ简介,各种MQ选型对比 137927
苹果电脑Mac怎么恢复出厂系统?苹果系统怎么重装系统? 88867
Elasticsearch教程(六) elasticsearch Client创建 82547
Elasticsearch教程(一),全程直播(小白级别) 78852
Elasticsearch教程(二),IK分词器安装 77717
Elasticsearch教程(八) elasticsearch delete 删除数据(Java) 77175
Elasticsearch教程(五) elasticsearch Mapping的创建 70725
免费天气API,天气JSON API,不限次数获取十五天的天气预报 60602

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

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

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

支付扫码

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

正在加载... ...