js实现局部刷新数据

最新推荐文章于 2024-10-12 09:05:26 发布

不要做发抖的小喵喵

最新推荐文章于 2024-10-12 09:05:26 发布

阅读量2.9w

点赞数 5

分类专栏： java

本文链接：https://blog.csdn.net/qq_22899021/article/details/80734318

版权

java 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

<div style=" margin-top: 30px;" id="reloadDiv">   
<form action="/nywlwMap/getPointsListEn.action" id="formId" method="post">     </form>
</div>

刷新的JS函数: 引入jquery-form.js该js下载地址:http://7dx.pc6.com/wwb5/jqueryform.zip


<script type="text/javascript">
    //此处为下一页的函数,测试局部刷新功能可以自行添加一个button然后 submit()就可以
    function nextPage(v){
        $("#pageIndex").val(v);
        $("#type").val("202007");
        $("#formId").submit();
    }
    $(document).ready(function() {
        var options = {
            //需要刷新的区域id
            target:'#reloadDiv',
        };
        //绑定FORM提交事件
        $('#formId').submit(function() {
            $(this).ajaxSubmit(options);
            return false;
        });
    });
</script>

这样就可以动态互动后台刷新局部div数据