ajax
1.AJAX: (AJAX Asynchronous JavaScript And Xml 异步JavaScript和XML)
JavaScript,XML,XMLHttpRequest
对象.
无刷新更新
2.优势
2.1.增强用户体验
2.2.减轻服务器压力.
2.3.无需新的插件.
3.劣势
3.1.对搜索引擎不友好.
4.语法
4.1: $(selector).load(URL[,data][,callback])
a: 功能:ajax异步请求
b: 参数:
url 发送异步数据请求的地址.
data 异步请求的数据. 格式:字符串 get; 对象 post
callback function(response,status,xhr){ }
response 异步数据请求的结果.
status 异步数据请求的状态
xhr XMLHttpRequest对象.
xhr.responseText
xhr.statusText
4.2: $.get(url[,data][,function(response,status,xhr){}])
a: 功能:发送异步数据请求
b: 参数:
url 异步数据请求的地址
data 异步数据请求的数据. data支持两种数据类型: 字符串和对象; data无论是数据类型字符串和对象,都是以get形式发送异步请求的数据.
function(response,status,xhr){ }
response 异步数据请求的结果(响应)
status 异步数据请求的状态
xhr XMLHttpRequest对象
xhr.responseText
xhr.statusText
4.3: $.post(url[,data][,function(response,status,xhr){ }])
a: 功能:发送异步数据请求
b: 参数:
url 异步数据请求的地址
data 异步请求的数据; 字符串和对象; 都是以POST形式发送异步请求的数据.
function(response,status,xhr){ }
response 异步数据请求的结果
status 异步数据请求的状态
xhr XMLHttpRequest对象
xhr.responseText
xhr.statusText
4.4: $(selector).val()
功能:获取input输入框中的value属性值.
5.AJAX
5.1: $.ajax({
“url”: //异步数据请求的 地址
“data”: //异步请求的数据
//字符串和对象
“type”: //以何种方式发生异步请求的数据,默认以GET形式发送异步请求的数据.
“success”:function(response,status,xhr){}
异步数据请求成功以后的回调函数.
})
5.2: $(“form”).serialize()
功能:将表单中输入框的name属性值与value值组成键值对的形式.