AJAX

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()方法举例

参考资料

http://www.imooc.com/learn/250

http://www.w3school.com.cn/ajax/index.asp

原文地址:https://www.cnblogs.com/xinran476460042/p/5413641.html