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 ) {
// 省略代码
}
} );
总结