使用原生的ajax的步骤(五个步骤)

Posted 2021-03-16 login123

1）创建Ajax引擎对象 XMLHttpRequest

 1 var xhr = new XMLHttpRequest();//创建对象 

2）为Ajax引擎对象绑定监听（监听服务器已将数据响应给引擎）

1 //绑定监听对象
2 xhr.onreadystatechange = function () {
3 //监听readyState和status
4 if (xhr.readyState == 4 && xhr.status == 200) {
5 var value = xhr.responseText;//获取数据
6 alert(value);
7 }
8 }

3）绑定提交地址

1 //调用open发方法，
2 //指定请求的路径，
3 //是否是异步,true:异步
4 xhr.open("get", "/项目名/Servlet文件名?username=" + document.getElementById("username"), true);

4）发送请求

1 //发送请求
2 xhr.send();

5）接受响应数据