纯JS实现AJAX局部刷新功能
更新时间：2017年02月18日 09:31:35 投稿：mrr
下面给大家介绍JS实现AJAX局部刷新功能，通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。对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;
}
}
以上所述是小编给大家介绍的纯JS实现AJAX局部刷新功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
一般的表单都是通过ajax方式提交，所以碰到带文件上传的表单就比较麻烦,基本原理就是在页面增加一个隐藏iframe，然后通过ajax提交除文件之外的表单数据,感兴趣的你不妨了解一下，或许本文对你有所帮助2013-01-01
下面小编就为大家带来一篇Ajax实现简单下拉选项效果【推荐】。小编觉得挺不错的，现在分享给大家，一起跟随小编过来看看吧2016-04-04
以下是Ajax 提交表单数据到入库的全盘操作流程，希望本文对广大php开发者有所帮助，感谢阅读本文2014-01-01
这篇文章主要为大家详细介绍了Ajax+PHP简单数据交互,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
AJAX中文乱码问题，经过一个下午的努力终于完美解决，现将心得写下来，希望对那些还困绕在这个问题而头痛不已的人们有所帮助2012-09-09
本篇文章主要是对ajax提交url与ajax提交表单的区别进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
简单的AJAX实现(HELLO AJAX) ，实现代码，主要是了解下，流程。2010-03-03
AJAX技术框架及开发工具...2006-12-12
本篇文章主要介绍了Ajax实现表格实时编辑的方法，具有很好的参考价值。下面跟着小编一起来看下吧2017-05-05
用 ajax 的方法解决网页广告显示的问题...2006-12-12
最新评论