jQuery中Ajax的应用
一、Ajax介绍
1、什么是Ajax
异步的JavaScript与XML技术,是一种广泛应用在浏览器的网页开发技术。
2、Ajax的优点
a、不需要任何浏览器插件,在任何支持JavaScript的浏览器上运行
b、优秀的用户体验(在不更新整个页面的前提下维护数据)
c、提高Web程序的性能(按需发送)
d、减轻服务器和宽带的负担
3、Ajax的缺点
a、可能破坏浏览器的后退按钮的正常行为
b、对搜索引擎的支持不足
c、开发调试工具缺乏
d、手持设备支持性差
二、jQuery中的ajax与javaScript中的Ajax
1、jQuery中的ajax
$.ajax({
url:"Handler1.ashx", //发送请求地址,这里用的是Handler,默认为当前页面
data:{"name":"若曦","age":"20"}, //发送到服务器的数据
type:"post", //请求方式(get/post),默认为get
dataType:"text", //服务器返回的数据类型
success:function(){} //请求成功后的回调函数
error():请求失败时调用的函数
complete(XHR,TS):请求完成后调用的函数
async:请求异步
cache:页面是否缓存
});
2、JavaScript中Ajax
创建过程:httpRequest请求对象==>>打开连接==>>监控状态==>>发送请求
js中文件域不同解决方案:将Ajax文件移到同一个服务器中
局限:js中的http请求不能跨域
三、JSON
ajax中数据都是以json方式储存和传输的
数据以键值对的形式存储
序列化元素
serializeArray():序列表表格内容是将dom元素序列化,返回json对象格式的数据
serialize():序列表表格内容为字符串
serializeArray():序列表表格内容是将dom元素序列化,返回json对象格式的数据
$.param():对数组或对象按键值对进行序列化
serialize():序列表表格内容为字符串
$.param():对数组或对象按键值对进行序列化