jQuery实现div局部刷新
程序员文章站
2022-06-17 11:50:07
...
<div id="content">
<div class="table-responsive">
<!-- do something-->
</div>
</div>
$.ajax({
async: false,
type: "POST",
url: '/admin/user/deleteMore',
data: {"ids": str},
dataType: "json",
success: function () { },
error: function () { },
complete: function () {
$("#content").load("http://localhost:8090/admin/user/list .table-responsive");
//window.location.reload();
}
})
$("#id").load("param") 这个 param 可以直接指定某个 url ,必须在是本服务器可以请求的页面。
注意:url返回的是页面,页面,页面。当然可以直接返回数据,但是没有界面效果,自己可以试试看。
参考URL:https://www.cnblogs.com/tmdsleep/p/8045760.html
扩展:
div的局部刷新
$(".div").load(location.href+" .div");
全页面的刷新方法
window.location.reload() 刷新当前页面.
parent.location.reload() 刷新父亲对象(用于框架)
opener.location.reload( )刷新父窗口对象(用于单开窗口)
top.location.reload( )刷新最顶端对象(用于多开窗口)
推荐阅读
-
js/jquery实现点击div层外,隐藏div 博客分类: jsjquery jsjqueryjs/jquery实现点击div层外隐藏div
-
PHP+jQuery实现滚屏无刷新动态加载数据功能详解
-
PHP+jQuery实现滚屏无刷新动态加载数据功能详解
-
JQuery实现Repeater无刷新批量删除(附后台asp.net源码)
-
jquery.pagination +JSON 动态无刷新分页实现代码
-
JQuery实现Repeater无刷新批量删除(附后台asp.net源码)
-
jquery.pagination +JSON 动态无刷新分页实现代码
-
Asp.net利用JQuery AJAX实现无刷新评论思路与代码
-
前台JS(jquery ajax)调用后台方法实现无刷新级联菜单示例
-
.NET使用js制作百度搜索下拉提示效果(不是局部刷新)实现思路