欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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