版权声明:未经同意窃取和转载我的内容,如果涉及到权益问题,后果自负! https://blog.csdn.net/weixin_41605937/article/details/88973908
Ajax 的原理步骤:
1 创建一个Ajax 的对象
2 连接到服务器
3 告诉服务器 发送请求
4 接受返回值
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> </style> <script> window.onload = function (ev) { var oBtn = document.getElementById('btn1'); oBtn.onclick = function () { //1 创建的Ajax的对象请求 if (window.XMLHttpRequest) { var oAjax = new XMLHttpRequest(); } else { var oAjax = new ActivateXObject("Microsoft.XMLHTTP"); } //IE 6 使用的是 var OAjax=new ActivateXObject("Microsoft.XMLHTTP"); //2 连接服务器open(方法,文件名,异步传输) oAjax.open('GET', 'a.txt?t='+new Date().getTime(), true) //3 发送请求 oAjax.send(); //接受返回的 oAjax.onreadystatechange = function () { //浏览器和服务器进行到了哪一个步骤。 if (oAjax.readyState == 4) { //当等于是4 表示读取完成 if (oAjax.status == 200) { //当表示在200的时候表示成功 alert('成功的'+oAjax.responseText) } else { alert('失败的') } } }; }; }; </script> </head> <body> <input id="btn1" type="button" value="读取"/> </body> </html>