这次给大家带来js实现ajax局部刷新(附代码),js实现ajax局部刷新的注意事项有哪些,下面就是实战案例,一起来看一下。
ajax即“asynchronous javascript and xml”(异步javascript和xml),是指一种创建交互式网页应用的网页开发技术。
ajax = 异步 javascript和xml(标准通用标记语言的子集)。
ajax 是一种用于创建快速动态网页的技术。
下面给大家介绍js实现ajax局部刷新功能,具体内容如下所示:
通过在后台与服务器进行少量数据交换,ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
// 创建xmlhttprequest对象
var xhr=new xmlhttprequest();
// 请求行
xhr.open('post','03-ajaxpost.php');
//请求头
xhr.setrequestheader('content-type',' application/x-www-form-urlencoded');
//请求主体 post send 设置数据
xhr.send('name='+txt);
//监听服务器的响应
xhr.onreadystatechange=function(){
if(xhr.readystate==4&&xhr.status==200){ //这里表示接受服务器的响应成功的时候
var r=xhr.responsetext;
document.queryselector('.info').innerhtml=r;
}
}
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
ajax如何实现城市二级联动
ajax优化页面刷新的两种方法
以上就是js实现ajax局部刷新(附代码)的详细内容。