1. 程式人生 > >Extjs form.submit()提交與Ext.Ajax.request的區別

Extjs form.submit()提交與Ext.Ajax.request的區別

 之前總是封不起Extjs中form.submit()提交與Ext.Ajax.request()的區別,現在仍是分不清,但是知道怎麼用不會出錯了。

方案1:

java action中的程式碼

Java程式碼  收藏程式碼
  1. String datastring = "total : " + rehpage.getCount() + ", root : [";  
  2. if (rehpage != null) {  
  3.     datastring += buildJsonByPage(rehpage);  
  4. }  
  5. datastring = datastring + "]";  
  6. StringBuffer buff = new
     StringBuffer("{success:true,mes:{");  
  7. buff.append(datastring);  
  8. buff.append("}}");  
  9. System.out.println("datastring is: " + buff.toString());  
  10. request.setAttribute("responseText", buff.toString().replaceAll("\r\n",  
  11.         " ").replaceAll("\n"" "));// 將拼接好的資料放到request  
  12. return SUCCESS;  

 對用的Extjs中的程式碼為:

Java程式碼  收藏程式碼
  1.     Ext.Ajax.request({  
  2.                 url : "./rehearsal/queryTableData.action",  
  3.                 params : {  
  4.                     search_place : rehearsal_place,  
  5.                     search_time : dt  
  6.                             .format('Y-m-d'),  
  7.                     search_valuation : null
    ,  
  8.                     search_subject : search_subject  
  9.                 },  
  10.                 waitMsg : '正在提交資料',  
  11.                 waitTitle : '提示',  
  12.                 method : "POST",  
  13.                 success : function(response) {  
  14.                     var respText = Ext.util.JSON  
  15.                             .decode(response.responseText);  
  16.                     if (respText.success) {  
  17.                         szcdc_rehearsal_one_grid  
  18.                                 .getStore()  
  19.                                 .loadData(respText.mes);  
  20.                     }  
  21.                 },  
  22.                 failure : function(response) {  
  23.                     Ext.Msg.alert('提示',  
  24.                             "操作失敗:輸入非法字元!!!");  
  25.                 }  
  26.             });  
  27. }  

 方案2:

java action中的程式碼是:

Java程式碼  收藏程式碼
  1. String datastring = "total : " + rehpage.getCount() + ", root : [";  
  2. if (rehpage != null) {  
  3.     datastring += buildJsonByPage(rehpage);  
  4. }  
  5. datastring = datastring + "]";  
  6. StringBuffer buff = new StringBuffer("{success:true,");  
  7. buff.append(datastring);  
  8. buff.append("}");  
  9. System.out.println("datastring is: " + buff.toString());  
  10. request.setAttribute("responseText", buff.toString().replaceAll("\r\n",  
  11.         " ").replaceAll("\n"" "));// 將拼接好的資料放到request  
  12. return SUCCESS;  

 對應的Extjs程式碼為:

Java程式碼  收藏程式碼
  1. search_form.submit({  
  2.     url : "./rehearsal/queryTableData.action",  
  3.     baseParams : {  
  4.         search_place : rehearsal_place,  
  5.         search_time : search_time,  
  6.         search_valuation : search_valuation,  
  7.         search_subject : search_subject  
  8.     },  
  9.     waitMsg : '正在提交資料',  
  10.     waitTitle : '提示',  
  11.     method : "POST",  
  12.     success : function(form, action) {  
  13.         // 得到資料  
  14.         var result = Ext.util.JSON  
  15.                 .decode(action.response.responseText);// 就可以取出來。如果是陣列,那麼很簡單  
  16.         // 把資料放到結果裡面  
  17.         szcdc_rehearsal_one_grid.getStore()  
  18.                 .loadData(result);  
  19.     },  
  20.     failure : function(form, action) {  
  21.         Ext.Msg.alert('提示'"操作失敗:輸入非法字元!!!");  
  22.     }  
  23. });  

將form中的欄位轉成json格式:form.getForm().getFieldValues();

相關推薦

Extjs form.submit()提交Ext.Ajax.request區別

 之前總是封不起Extjs中form.submit()提交與Ext.Ajax.request()的區別,現在仍是分不清,但是知道怎麼用不會出錯了。 方案1: java action中的程式碼 Java程式碼   String datastring = "

Extjs Ajax 提交方式 Form.doAction('submit',...)和 Ext.Ajax.request的返回值

1.Form.doAction 標準格式:form.doAction('submit',{  success : function(response, options) {   if(options.result){  Ext.Msg.alert('提示',options.

django form提交 --比較ajax提交form submit提交

django form form submit方式可以實現提交,錯誤信息顯示,原填寫內容再次返回給頁面。 或者取已有信息,填充form 2 ajax提交後端需要json.dumps包裝為json。前端需要設置datatype後端通過Httpresponse返回給json,通過json跳轉。

ExtJsExt.Ajax.request()跟getForm().submit()得用法

//Ajax請求用回撥函式做的事情,回撥函式不管是成功還是失敗都會執行 Ext.Ajax.request({ url : '#/validEmployee.do',  params : {employee_id : employee_i

extjsExt.Ajax.request同步請求和非同步請求

用Ext.Ajax.request請求預設是非同步請求,這就導致定義的物件無法識別,沒有定義,因此需要將請求方式改為同步。請看程式碼。 function showFormPanel(){ if(centerPanel.getSelectionModel().hasSelection()){

extjs 使用Ext.Ajax.request進行資料傳輸

java程式碼 protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// TODO Aut

Extjs + servlet + ext.ajax.request整合(親測可用)

1.js程式碼 Ext.onReady(function(){       Ext.Ajax.request({             url:"AjaxServlet.do?name=裡雜談",         //url:"AjaxServlet.do",    

ExtJSExt.Ajax.request用法詳解

該請求所用的http方面,預設值為配置的方法,或者當沒有方法被配置時,如果沒有傳送引數時用get,有引數時用post。 The HTTP method to use for the request. Defaults to the configured method, or if no method was

ExtJS Ext.Ajax.request最好設為同步

本文來自網易雲社群 作者:劉超 上一節我們講到,手機App經過了一個複雜的過程,終於拿到了電商網站的SLB的IP地址,是不是該下單了? 別忙,俗話說的好,買東西要貨比三家。大部分客戶在購物之前要看很多商品圖片,比來比去,最後好不容易才下決心,點了下單按鈕。下單按鈕一按,就要開

(41)Ext.Ajax.request非同步提交表單

function login(){ var requestConfig={ url:'base/loginServer.jsp',//請求的伺服器地址 form:'loginForm',//指定要提交的表單id callback:function(option

jquery中使用$(#form).submit()提交表單無效原因分析及解決Script

今天寫了一個表單驗證,驗證的時候沒有任何問題,但是頁面提交不了,很詭異,然後各種百度,查了一下的原因是input的id不能為submit 注意:提交表單的時候,input的id不能為submit   <dl>   <dd>   <label>角

extjssubmit提交後不進入success也不進入failure 解決方法

首先說明是後臺返回的json返回值格式不對 要執行success或failure,需在返回的json中有如下欄位 : 執行success裡面的操作 {success:true} 執行failur

Ext.Ajax.request 用法引數介紹

url : String/Function (Optional) (可選項)傳送請求的url,預設為配置的url。 若為函式型別那麼其作用域將由配置項 scope所指定。預設為配置好的URL。 The URL to which to send the request, or a function to ca

大夥幫我看看,Ext.Ajax.request返回資料後總是執行success

大家幫我看看是我的程式碼寫的有問題還是其他原因: Ext.Ajax.request( { url : ***.do, success : function() { Ext.MessageBox.alert(' 提示','資料刪除成功!');

jsp form submit 提交到後臺的input元素的值中包含之前查詢過的內容

部分jsp頁的程式碼如下: <form method="post" action="/detailInfoController/managerChange" id="managerChangeFo

form submit提交的幾種方法

最近研究了下html中,form保單提交的幾種方法,現與大家分享一下(注:網上可能已經有好多版本了,這裡自己寫下來做個總結了,哈!): 方法一:利用form的onsubmit()函式(經常使用) Html程式碼   <script type="text/

Ext Js 3.2中Ext.ajax.request方法詳解

1:Ext.Ajax.request([Object options]):Number     options中的一些屬性和含義如下:     url:指定請求的服務端url    params: 指定要傳遞的引數,可以是一個包含引數名稱及值的物件,也可以是類似於name=

Ext.Ajax.request獲取後臺的資料

       嘗試用Ext.Ajax非同步操作來改變頁面回顯的值,試了好幾次都沒成功,終於啊,試出來試出來了,功夫不負有心人。(開心) 具體如下:     js程式碼: <script t

Ext.util.Format.dateExt.Date.format區別, 轉換時間戳

在Extjs中裝時間戳使用如下兩種都可以: Ext.util.Format.date(time,'U'); Ext.Date.format(time, 'U'); 為了找到它們的區別,檢視原始碼,

JavaScript基礎 submit按鈕配合form的onsubmit實現表單的提交驗證

java asc body bmi 是我 技術 pos true value 鎮場詩:    清心感悟智慧語,不著世間名與利。學水處下納百川,舍盡貢高我慢意。    學有小成返哺根,願鑄一良心博客。誠心於此寫經驗,願見文者得啟發。—————————————————————