近期关于AXAJ的一些小知识点

Posted 2021-02-11 corallavender

首先

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。

创建 XMLHttpRequest 对象

 1 var xmlhttp;
 2 if (window.XMLHttpRequest)
 3 {
 4     //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
 5     xmlhttp=new XMLHttpRequest();
 6 }
 7 else
 8 {
 9     // IE6, IE5 浏览器执行代码
10     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
11 }

向服务端发送请求

xmlhttp.open("GET","ajax_info.txt",true);  //open(method,url,async)   method（请求的类型）GET or POST  url：文件在服务器上的位置

 async true（异步）or false（同步）

xmlhttp.send();    //仅用于  POST  send（string）

onreadystatechange 事件

当请求被发送到服务器时，我们需要执行一些基于响应的任务。

每当 readyState 改变时，就会触发 onreadystatechange 事件。

readyState 属性存有 XMLHttpRequest 的状态信息。

function myFunction() 
{ 
　　loadXMLDoc("/try/ajax/ajax_info.txt",function() 
　　{ 
　　　　if (xmlhttp.readyState==4 && xmlhttp.status==200)   //readyState==4请求已完成     status==200交易已成功
　　　　{ 
　　　　　　document.getElementById("myDiv").innerhtml=xmlhttp.responseText; 
　　　　} 
　　}); 
}

更详细有：http://www.runoob.com/ajax/ajax-example.html