一、问题
后台管理系统有一个页面,点击提交按钮提交表单时,页面整体都刷新了。
原则上是提交表单后,表单信息保存原来的,只刷新表格。
二、经过
接下来为了解决问题,开始找dwz框架里面局部刷新的功能。
一种是API调用方式:
$('#xxID').loadUrl(url, data, callback);
一种是html扩展链接方式:
<a href="url" target="ajax" rel="xxxld"></a>
还有一种是为提交表单提供的一个方法:
// jbsxBox是要刷新的元素的id
<form action="xxx" onsubmit="return divSearch(this, 'jbsxBox');">
</form>
因为是表单提交,选择最后一种方式,改后发现问题:在id为jbsxBox的dom元素中,又重新加载了整个页面。
原因是提交表单后,接收的数据依然是整个页面的数据,后台只需要提供table部分的,不应该是全部的。
随后就问了后台,说需要把table单独抽出来成立一个单独的gsp页面
三、结果
很尴尬,解决这个问题,其实有更简单的方法。
提交表单时,另一个后台说有一个 驻流 功能,可以把提交的表单信息返回页面,不需要这么麻烦。
页面只需要有一个元素用来接收表单信息,再用js控制表单里面的值,就可以了。
PS:这个 流 就是一股数据流,因为不懂 驻流 是什么,问了下后台。。
原话:我们接到数据可以处理后再发给前台,都是存在一个地方的 —— request域
我们可以返回处理的数据,还有没处理的数据,只要前台有地方存储,就保留住了