Ajxl介绍:
Asynchronous JavaSrcipt And Xml 异步的JavaSripit和XML![在这里插入图片描述](https://img-blog.csdnimg.cn/20190404114153520.png)
作用:在不刷新页面的情况下,实现局部刷新。
Ajxl使用步骤:
1.创建XMLHttpResquest 对象
var xmlhttp = new XMLHttpResquest;
2.发送请求
xmlhttp.open("GET",url,true);
xmlhttp.send();
3.接受并处理请求
var html = xmlhttp.ResponseText;
按照接受来的数据格式(通常情况下,JSON数据处理),做出相应的处理。
举例JSON处理方式
httpxml.onreadystatechange = function () {
if(httpxml.status ==200 && httpxml.readyState == 4){
var text = httpxml.responseText;
var json = JSON.parse(text);
var html = "";
for(var i = 0;i<json.length;i++){
var news = json[i];
html = html + "<h1>" + news.tille +"</h1>";
html = html + "<h2>" + news.time + " " + news.content +"</h2>";
html = html + "<hr>";
}
document.getElementById("container").innerHTML = html;