Ajax实现页面局部刷新

这里通过点击一个按钮，然后下面产生一段文字，而整个页面不用刷新

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>AJAX</title><script>function loadXMLDoc() {var xhr = new XMLHttpRequest();xhr.onreadystatechange=function () {if(xhr.readyState == 4 && xhr.status == 200) {//通过Ajax响应的东西异步的展示在id为hello的div中document.getElementById("myDiv").innerHTML=xhr.responseText;}};xhr.open("POST","newPage.html",true);xhr.send();}</script>
</head>
<body><div>我的第一个AJAX</div><button type="button" onclick="loadXMLDoc()">点击</button><div id="myDiv"></div>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
hello world!
</body>
</html>

运行结果：

Ajax实现页面局部刷新相关推荐

ajax局部刷新html页面,Ajax实现页面局部刷新
最近开发网站,需要实现Ajax实现页面局部刷新,花了2天时间搞定,做个记录开发环境 WAMP集成开发环境,也就是本地服务器参考资料: 油管教学视频简单的例子,可能利用的是bootstap提供的一 ...
ajax 局部页面替换innerhtml,ajax jquery 页面局部刷新的不同实现代码
以下示例是学习使用XMLHttpRequest时,实现的页面局部刷新的代码,分享下. 复制代码代码示例: 页面局部刷新功能_www.jbxue.com window.onload = functio ...
asp ajax局部刷新,ASP.Net用jQuery ajax实现页面局部刷新
刚开始的时候使用asp的updatepanel控件实现局部刷新,而且在本地运行正确,但是部署到服务器上就变成整个页面全部刷新了.服务器用的是Windows server2000,本地机子上用的是win ...
a标签不跳转+ajax异步请求+局部刷新页面
a标签不跳转 <td style="text-align:center;"><a href="" style="color: #2d ...
页面局部刷新三种方法
页面局部刷新 1.使用ajax实现小部分的内容局部刷新 $.ajax({ url:"http://localhost:8080/intoHomepage.do", type:&qu ...
java局部刷新_HTML页面局部刷新的实现代码
这篇文章主要介绍了HTML页面局部刷新的实现代码的相关资料,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下.如有不足之处,欢迎批评指正. 事件响应刷新:有请求才会刷新 1.通过 ...
ajax 页面无刷新,Ajax的页面无刷新实现详解（附代码）
这次给大家带来Ajax的页面无刷新实现详解(附代码),Ajax页面无刷新实现的注意事项有哪些,下面就是实战案例,一起来看一下. ajax (ajax开发) AJAX即"Asynchronou ...
Vue3中如何进行页面局部刷新，组件刷新
前言今天在给vue3的项目中进行数据绑定的时候,发现我删除一条记录页面不会自动刷新,还是保留原来的状态但是数据已经传送给后端,后端也完成了响应的处理这个时候我想到了局部刷新,我想vue3是vue ...
如何用ajax实现页面自动刷新,Ajax实现页面自动刷新实例解析
Ajax实现页面自动刷新实例解析内容精选换一换用户已创建桶并上传了网站文件.域名后缀目前支持的范围为2~6个英文大小写字母.开启CDN加速后,可配置网站加速.文件下载加速和点播加速.详细应用场景 ...

Ajax实现页面局部刷新

Ajax实现页面局部刷新相关推荐

最新文章

热门文章