jQuery中的Ajax
jQuery不仅对JavaScript语言进行了封装,也对Ajax异步交互进行了封装,
- load()方法
- g e t ( ) 方 法 和 get()方法和 get()方法和post()方法、
- $ajax()方法
- $getScript()方法getJSON()方法
- ajaxStart()和ajaxStop()方法
- ajaxComplete()事件、ajaxSend()事件、ajaxError()方法和ajaxSuccess()事件
load()方法
- url:请求HTML页面的url地址
- data:发送给服务器端的key/value形式的数据内容
- callback:Ajax请求完成时回调的函数
. g e t ( ) 与 .get()与 .get()与.post()方法
- url:请求HTML页面的url地址
- data:发送给服务器端的key/value形式的数据内容
- callback:Ajax请求完成时回调的函数
- type - 设置返回数据内容的格式,值为xml、html、script、json、text和_default
$.ajax()方法
- jQuery最底层的方法
- url:请求的HTML页面的数据
- settings:key/value形式的请求设置,所有参数都是可选的
$.getScript()方法
- 用于动态加载指定JavaScript文件
- url:请求HTML页面的url地址
- callback :指定JavaScript文件成功加载
$.getJSON()方法
用于动态加载JSON文件
异步提交表单的步骤
1.获取表单及所有表单组件对应的数据值
2.将所有表单组件的数据值拼成特定格式的字符串或是JSON格式数据
3.通过Ajax异步交互方式提交表单