HTML：Ajax初识

最新推荐文章于 2024-07-16 08:30:00 发布

foryouslgme

最新推荐文章于 2024-07-16 08:30:00 发布

阅读量363

点赞数

分类专栏：前端文章标签： ajax html xmlhttprequest

本文链接：https://blog.csdn.net/foryouslgme/article/details/51942817

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

//创建ajax对象
xmlhttp=new XMLHttpRequest();
/*
onreadystatechange 是一个事件句柄。
它的值 (state_Change) 是一个函数的名称，当 XMLHttpRequest 对象的状态发生改变时，会触发此函数。
状态从 0 (uninitialized) 到 4 (complete) 进行变化。仅在状态为 4 时，我们才执行代码。
*/
//发送数据
xmlhttp.onreadystatechange=state_Change;
xmlhttp.open('GET',url,true);
xmlhttp.send(null);
xmlDoc=xmlhttp.responseXML;     //xmlDoc 成为一个 XML DOM 对象，可由 JavaScript 访问
//获取数据
xmlhttp.readyState==4       //一共有5个状态值，分别为0、1，2，3，4，‘4’是最后成功的状态，一般中间状态我们不需要
xmlhttp.status==200         //是服务器返回的网页状态，有200、302、404等等
//一般在获取数据后要进行处理，如：
document.getElementById('A1').innerHTML='XXXXXXX';

/*

    0: 请求未初始化
    1: 服务器连接已建立
    2: 请求已接收
    3: 请求处理中
    4: 请求已完成，且响应已就绪

*/