页面局部刷新三种方法

页面局部刷新

1.使用ajax实现小部分的内容局部刷新
$.ajax({
url:“http://localhost:8080/intoHomepage.do”,
type:“post”,
data:{name:“mydata”}，
success:function (result) {
if(result){ //对后端返回的数据result进行处理
$(".testchange").html(“将对应的class=testchange的标签内容进行修改。还可以通过一些父类和子类选择函数进行操作更新数据如：find（）、chidren（）、parent（）等”);
}
},
error:function () {
alert(“出现错误！”);
}
}
);

如果要对大部分内容进行刷新建议使用iframe标签进行整体刷新。
对于点击不同的按钮（或其他的标签）局部刷新可以使用" 隐藏方式"，比如事先准备好几种不同的内容，
< button id=“b1”>按钮1< /button>
< button id=“b2”>按钮2< /button>
< button id=“b3”>按钮3< /button>
< div >
< di v class=“test01”>
< p> this is test01 < /p>
< /div>
< di v class=“test02” style="display：none ">
< p> this is test02 < /p>
< /div>
< di v class=“test03” style="display：none ">
< p> this is test03 < /p>
< /div>
< /div>

点击按钮触发事件（onclick()或其他事件）对需要刷新的部分内容进行css属性display：none(/block)设置只显示一个div的内容

页面局部刷新三种方法相关推荐

静态html页面传递参数,javascript静态页面传值的三种方法分享
一:JavaScript静态页面值传递之URL篇能过URL进行传值.把要传递的信息接在URL上.Post.htm function Post() { //单个值 Read.htm?username=b ...
微信小程序页面跳转(三种方法)
方法1 对标签绑定点击事件 <view bindtap="clickMe" data-nid="123" data-name="SD" ...
php伪造页面url地址,php 伪造HTTP_REFERER页面URL来源的三种方法
php获取当前页面的前一个页面URL地址,即当前页面是从哪个页面链接过来的,可以使用$_SERVER['HTTP_REFERER'],但是这个来源页面的URL地址是可以被伪造和欺骗的,本文章向大家介绍 ...
html整体页面缩放的方法,html5中让页面缩放的4种方法
1.viewport 这种方法,不是所有的浏览器都兼容 2.百分比这种方法,可以兼容大部分浏览器,但是修改幅度比较大 .main .login .txt1{margin-top:8.59375%; ...
JavaScript刷新当前页面的三种方法，载入新文档替换当前页面
通过JavaScript刷新当前页面的三种方法代码就可以简单的实现,首先我们来看三种刷新当前页的方法: reload() 方法; replace() 方法; 页面自动刷新; 方法1:reload() ...
vue项目刷新当前页面的三种方法
本文介绍了vue项目刷新当前页面的三种方法,本文图文并茂给大家介绍的非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下. 想必大家在刨坑vue的时候也遇到过下面情形:比如在删除或者增加一条记录的时 ...
js刷新页面有哪几种方法
js刷新页面有哪几种方法一.总结一句话总结:location属性的reload方法即可:document.location.reload() 1.页面刷新有哪常见的8种方法? 1,history. ...
仿联想商城laravel实战---5、无刷新的增删改查（动态页面更新的三种方式（html））...
仿联想商城laravel实战---5.无刷新的增删改查(动态页面更新的三种方式(html)) 一.总结一句话总结: 直接js增加删除修改html 控制器直接返回处理好的页面用双向绑定插件比如vue ...
asp.net服务器端跳转页面的三种方法
asp.net服务器端跳转页面的三种方法 1.Response.Redirect这个跳转页面的方法跳转速度不快,因为它要走2次回发(postback). 它可以跳转到任何页面,没有站点页面限制(可以由 ...

页面局部刷新三种方法

页面局部刷新

页面局部刷新三种方法相关推荐

最新文章

热门文章