纯JS如何实现AJAX局部刷新功能

小编给大家分享一下纯js如何实现ajax局部刷新功能，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

js有什么特点

1、js属于一种解释性脚本语言；2、在绝大多数浏览器的支持下，js可以在多种平台下运行，拥有着跨平台特性；3、js属于一种弱类型脚本语言，对使用的数据类型未做出严格的要求，能够进行类型转换，简单又容易上手；4、js语言安全性高，只能通过浏览器实现信息浏览或动态交互，从而有效地防止数据的丢失；5、基于对象的脚本语言，js不仅可以创建对象，也能使用现有的对象。

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局部刷新功能”有了一定的了解，如果想了解更多相关知识，欢迎关注编程网精选频道，感谢各位的阅读！