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请求生命周期的控制。我们可以通过这些属性、方法和事件来实现异步请求和响应处理。