1. 程式人生 > >dwz問題之頁面提交表單,僅區域性重新整理table表格

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域
     我們可以返回處理的資料,還有沒處理的資料,只要前臺有地方儲存,就保留住了