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

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

本来觉得这个没必要写,但是还是有一些童鞋在问,就写一个吧。 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
最新文章
JS加密V6版本上线了,JS加密升级,原来的sojson.v5加密升级到JS加密第六个版本!!! 153
陕西普通话考试查询官方,网站代码源码 539
阿里云和腾讯云哪个好? 310
2019年9月16日新浪短链API已经恢复使用,新浪短链服务官方已经宣布停用。本站已经攻克 2740
2019年 中秋节、国庆节放假通知来了,拼假攻略 205
记一次小失误导致的大事件,Mysql SQL Error: 0, SQLState: null 排查过程 456
Springboot Maven 增加本地依赖包,Springboot Maven打包本地包 233
Java 获取图片属性、获取图片EXIF属性操作方法[metadata-extractor] 110
又拍云(Upyun)CDN、云存储刷新链接缓存,API实例讲解 155
Linux Centos 使用 Redis service 启动,Redis service 脚本编写 241
最热文章
免费天气API,全国天气 JSON API接口,可以获取五天的天气预报 185436
我为什么要选择RabbitMQ ,RabbitMQ简介,各种MQ选型对比 169979
Elasticsearch教程(四) elasticsearch head 插件安装和使用 143144
苹果电脑Mac怎么恢复出厂系统?苹果系统怎么重装系统? 106150
Elasticsearch教程(六) elasticsearch Client创建 83184
Elasticsearch教程(一),全程直播(小白级别) 80914
Elasticsearch教程(二),IK分词器安装 78565
Elasticsearch教程(八) elasticsearch delete 删除数据(Java) 77652
免费天气API,天气JSON API,不限次数获取十五天的天气预报 75234
Elasticsearch教程(五) elasticsearch Mapping的创建 72250

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

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

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

支付扫码

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

正在加载... ...