Jquery中的Ajax

jQuery中的Ajax
jQuery不仅对JavaScript语言进行了封装，也对Ajax异步交互进行了封装，

• load()方法
• $get()方法和$post()方法、
• $ajax()方法
• $getScript()方法getJSON()方法
• ajaxStart()和ajaxStop()方法
• ajaxComplete()事件、ajaxSend()事件、ajaxError()方法和ajaxSuccess()事件

load()方法

• url：请求HTML页面的url地址
• data：发送给服务器端的key/value形式的数据内容
• callback：Ajax请求完成时回调的函数
  
  

$.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异步交互方式提交表单