1. AJAX的作用:在不重新加载整个网页的情况下,对网页的某部分进行更新。
2. AJAX的原理:
(1) XMLHttpRequest对象: 通过在后台与服务器进行少量数据交换,使网页实现异步更新。
(2) 创建XMLHttpRequest对象
创建XMLHttpRequest对象
(3) XMLHttpRequest发送请求:
open()和send()
· 使用GET请求:参数拼在URL中,不需要填在send()的参数中
GET请求举例
· 使用POST请求:使用setRequestHeader()设置HTTP头信息,在send中填写参数。
POST请求举例,("Content-type","application/x-www-form-urlencoded")表示发送一个表单
setRequestHeader()
(4) XMLHttpRequest获取服务器响应:
· 获取响应值的属性和方法
获取响应值的属性和方法
获取响应值方法举例
· 响应成功时得到通知的属性和方法:
响应成功时得到通知的属性和方法
(5) XMLHttpRequest对象全过程举例
举例:1.创建XMLHttpRequest对象 — 2.XMLHttpRequest对象发送请求 — 3.XMLHttpRequest对象判断响应是否完成,并获取服务器响应值
3. jQuery AJAX:
jQuery AJAX常用方法:
·$.ajax()方法:
$.ajax()方法常用参数
$.ajax() GET请求方法举例
$.ajax() POST请求方法举例
·$.get()方法:
$.get()方法常用参数
$.get()方法举例
·$.post()方法:
$.post()方法常用参数
$.post()方法举例
·.load()方法:
.load()方法常用参数
.load()方法举例
参考资料