AJAX5步法
- 先简单回顾下之前所说的5步法
- 1、创建异步对象XMLHttpRequest
/*(1)创建XMLHttpRequest异步对象*/
var xhr;
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
} else {
xhr = new ActiveXObject("Microsoft.XMLHTTP")
}
- 2、设置回调函数
/* 2.设置回调函数*/
xhr.onreadystatechange = callback;
- 3、open()方法连接服务器
xhr.open('get', 'student.text')
- **4、send()方法发送数据至服务器 **
xhr.send()
- 5、回调函数中针对不同响应状态进行处理,局部更新界面
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
}
}
- 完整代码如下所示
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
div {
border