dwz问题之页面提交表单,仅局部刷新table表格

一、问题

后台管理系统有一个页面,点击提交按钮提交表单时,页面整体都刷新了。
原则上是提交表单后,表单信息保存原来的,只刷新表格。

二、经过

接下来为了解决问题,开始找dwz框架里面局部刷新的功能。
一种是API调用方式:
    $('#xxID').loadUrl(url, data, callback);
一种是html扩展链接方式:
    <a href="url" target="ajax" rel="xxxld"></a>
    // rel:一般指的是需要局部刷新的页面DIV的id值。
    // target:提交模式,有ajax,ajaxTodo,selectedTodo。
还有一种是为提交表单提供的一个方法:
    // jbsxBox是要刷新的元素的id
    <form action="xxx" onsubmit="return divSearch(this, 'jbsxBox');">
    </form>
因为是表单提交,选择最后一种方式,改后发现问题:在id为jbsxBox的dom元素中,又重新加载了整个页面。
原因是提交表单后,接收的数据依然是整个页面的数据,后台只需要提供table部分的,不应该是全部的。

随后就问了后台,说需要把table单独抽出来成立一个单独的gsp页面

三、结果

很尴尬,解决这个问题,其实有更简单的方法。
提交表单时,另一个后台说有一个 驻流 功能,可以把提交的表单信息返回页面,不需要这么麻烦。
页面只需要有一个元素用来接收表单信息,再用js控制表单里面的值,就可以了。
PS:这个 流 就是一股数据流,因为不懂 驻流 是什么,问了下后台。。
原话:我们接到数据可以处理后再发给前台,都是存在一个地方的 —— request域
     我们可以返回处理的数据,还有没处理的数据,只要前台有地方存储,就保留住了

猜你喜欢

转载自blog.csdn.net/yan263364/article/details/80534525