AJAX和JSON

Ajax的技术的产生
Ajax被认为是(Asynchronous JavaScript and XML的缩写)。现在,允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax。“Ajax”这个名字是在2005年2月,Adaptive Path的Jesse James Garrett在他的文章Ajax:A New Approach to Web Application中创造。而Ajax这项技术,是Google在Google Labs发布Google Maps和Google Suggest后真正为人所认识。

局部刷新方式
不用刷新整个页面便可与服务器通讯的办法:
Flash
frame
iframe
AJAX

Ajax的缺陷
因为使用了js,导致的浏览器的兼容
局部刷新,导致后退等功能失效
对流媒体的支持没有FLASH、Java Applet好
移动端支持性差

常用状态码及其含义
404 没找到页面(not found)
403 禁止访问(forbidden)
500 内部服务器出错(internal service error)
200 一切正常(ok)
304 没有被修改(not modified)

返回数据格式
从服务器端接收数据的时候,那些数据必须以浏览
器能够理解的格式来发送。服务器端的编程语言只
能以如下 3 种格式返回数据:
XML
JSON
HTML、text

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

JSON
JSON(JavaScript Object Notation)一种简单的数据格式,
比xml更轻巧。JSON是JavaScript原生格式,这意味着在
JavaScript中处理JSON数据不需要任何特殊的API或工具包。
JSON的规则很简单:对象是一个无序的“‘名称/值’对”集
合。一个对象以“{”(左括号)开始,“}”(右括号)结束。
每个“名称”后跟一个“:”(冒号);“‘名称/值’对”之
间使用“,”(逗号)分隔。

定义JSON对象
var JSON对象 = { “name” : value, “name” : value, …… };
var person = { “name” : “张三”, “age” : 30, “spouse” : null };

定义JSON数组
var JSON数组 = [ value, value, …… ];
var countryArray = [ “中国”, “美国”, “俄罗斯” ];
var personArray = [
{ “name”:“张三”, “age”:30 },
{ “name”:“李四”, “age”:40 }
];

$.get()简介
$.get( url [, data] [, success] [, dataType] );
在这里插入图片描述

** . g e t ( ) 用 法 ∗ ∗ 使 用 .get()用法** 使用 .get()使.get() 实现异步交互
$.get( url, data, function( result ) {
// 省略将服务器返回的数据显示到页面的代码
} );
以上代码等价于
$.ajax( {
“url” : url,
“data” : data,
“type” : “get”,
“success” : function( result ) {
// 省略代码
}
} );

$.post()简介
$.post( url [, data] [, success] [, dataType] );
在这里插入图片描述

** . p o s t ( ) 用 法 ∗ ∗ 使 用 .post()用法** 使用 .post()使.post() 实现异步交互
$.post( url, data, function( result ) {
// 省略将服务器返回的数据显示到页面的代码
} );
以上代码等价于
$.ajax( {
“url” : url,
“data” : data,
“type” : “post”,
“success” : function( result ) {
// 省略代码
}
} );

总结
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值