您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息
免费发信息
三六零分类信息网 > 濮阳分类信息网,免费分类信息发布

JS实现AJAX局部刷新(附代码)

2024/4/3 7:49:07发布8次查看
这次给大家带来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局部刷新(附代码)的详细内容。
濮阳分类信息网,免费分类信息发布

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录