jQuery中Ajax的应用

1 定义:

客户端js发起的http请求的代号 无刷新的数据更新(不能跨域访问)

2 使用:

高复发
　　同步代码:按钮按下==>>执行耗时操作==>>等待执行返回 解决方案(使用多线程)
　　异步代码:按钮按下==>>执行耗时操作==>>不等待执行返回

3 JavaScript中Ajax

　　创建过程:httpRequest请求对象==>>打开连接==>>监控状态==>>发送请求
　　js中文件域不同解决方案:将Ajax文件移到同一个服务器中
　　局限:js中的http请求不能跨域

4 jQuery中Ajax

　　发展
　　　　1) $.ajax()
　　　　2) load(),$.get(),$.post()
　　　　3) $.getScript(),$.getJson()

　　load(url,[data],[callback])
　　　　1) 加载制定html文件
　　　　2) 筛选载入的html文档 语法:load(url selector)
　　　　3) 传递方式 根据data自动指定
　　　　4) 回调参数:无论请求是否成功,当请求完成后回调函数就被触发

　　jQuery.get()与jQuery.post()
　　　　$.ajax(options)
　　　　　　参数
　　　　　　　　url:发送请求地址
　　　　　　　　type:请求方式(get/post)
　　　　　　　　timeout:设置请求超时时间
　　　　　　　　data:数据
　　　　　　　　dataType:服务器返回的数据
　　　　　　　　beforeSend(xmr):发送请求前可修改xmlhttprequest对象函数
　　　　　　　　success():请求成功后的回调函数
　　　　　　　　error():请求失败时调用的函数
　　　　　　　　complete(XHR,TS):请求完成后调用的函数
　　　　　　　　async:请求异步
　　　　　　　　cache:页面是否缓存
　　JSON
　　　　ajax中数据都是以json方式储存和传输的
　　　　数据以键值对的形式存储

　　序列化元素 
　　　　serialize():序列表表格内容为字符串
　　　　serializeArray():序列表表格内容是将dom元素序列化,返回json对象格式的数据
　　　　$.param():对数组或对象按键值对进行序列化
　　　　serialize():序列表表格内容为字符串
　　　　serializeArray():序列表表格内容是将dom元素序列化,返回json对象格式的数据
　　　　$.param():对数组或对象按键值对进行序列化

查看jQuery中操作表单与表格的详细介绍