Ajax及其应用

128 阅读1分钟

Ajax工作原理:

1.浏览器通过创建XMLHttpRequest对象来向服务器发送请求。

2.服务器通过解析请求,处理请求,将响应的数据以XML、JSON、HTML等格式返回给浏览器。

3.浏览器解析并处理服务器返回的响应数据,更新网页页面上对应的内容,如文本、图像等。

4.整个过程中,页面并不会刷新,仅部分内容会更新。

关键点:

1.通过XMLHttpRequest对象实现异步数据传输。

2.服务器响应数据格式可以是XML、JSON、HTML等。

3.更新部分内容,无需刷新整个页面。

XMLHttpRequest对象的属性、方法和事件: 1.属性:

readyState:存储Ajax请求的状态,包括0-未初始化,1-正在加载,2-已发送,3-正在接收,4-完成。

status:存储HTTP请求的状态,包括200-请求成功,404-请求未找到等。

responseText:存储响应的数据,可以是XML、JSON、HTML等格式。

2.方法:

open():打开与服务器的连接。

send():向服务器发送请求。

abort():中止正在进行的请求。

3.事件:

onreadystatechange:检测Ajax请求的状态,当状态改变时触发。

onabort:在请求被中止时触发。

onerror:在请求错误时触发。

onload:在请求成功完成且响应已被加载时触发。

总的来说,XMLHttpRequest对象的属性、方法和事件,提供了完整的Ajax请求生命周期的控制。我们可以通过这些属性、方法和事件来实现异步请求和响应处理。