1. 程式人生 > >ExtJS4 button提交表單請求與直接ajax請求的一點小區別

ExtJS4 button提交表單請求與直接ajax請求的一點小區別

在今天的編碼過程中我發現button提交請求與直接ajax請求在返回值上有一點小小的差別

看直接ajax

Ext.Ajax.request({
				url : "../UserSelectAllServlet",

				method : 'POST',
				success : function(response) {

					var json = Ext.JSON.decode(response.responseText);
				   
					//column = new Ext.grid.column.Column(json.columModle);
					//alert(json.data[2].id);
					var store = Ext.create('Ext.data.Store', {
						fields : json.fields,
						data : json.data

					});

					Ext.getCmp("grid_a").reconfigure(store, json.columns);

				}
				});

這段程式碼請求servlet獲得返回值是一個json格式的字串,必須要用ext.json.decode轉碼成一個json物件,下面就可以操作該json物件了

再看button的提交表單請求

			form.submit({
						success : function(form, action) {
							//Ext.Msg.alert('Success', action.result.msg);
							//console.log(action.result.log);
							var json = action.result.log;
							

							//column = new Ext.grid.column.Column(json.columModle);
							//alert(json.data[2].id);
							var store = Ext.create('Ext.data.Store', {
								fields : json.fields,
								data : json.data

							});

							Ext.getCmp("grid_a").reconfigure(store,
									json.columns);
							//Ext.getCmp("grid").render();

							grid_a.show();
						}/*,
						failure : function(form, action) {
							Ext.Msg.alert('Failed', "失敗");
						}*/
						
					});

這段程式碼是提交表單的請求,用action.result獲得的直接是一個物件,不需要再次轉換成json格式。。

鄙人剛學習extjs。。如有理解不對,請直接指出。。

相關推薦

ExtJS4 button提交請求直接ajax請求一點區別

在今天的編碼過程中我發現button提交請求與直接ajax請求在返回值上有一點小小的差別 看直接ajax Ext.Ajax.request({ url : "../UserSelectAllServlet", method : 'POST', su

JSP中在提交之前,傳送ajax請求進行js的驗證

JSP中的程式碼: <script type="text/javascript"> // 校驗Phone number是否有效 function checkPhoneNumber() { // 定義ajax變數xmlhttp var xm

jsp中的button提交

jsp中普通按鈕如何提交表單 一個普通按鈕如何手動的操作提交本表單阿! 最好能簡單用程式碼演示     方法1: <form action = "提交的地址"> <input type="submit" value="提交"> </form&g

jquery Ajax提交(使用jquery Ajax上傳附件)

      用過jquery的Ajax的人肯定都知道,Ajax的預設編碼方式是”application/x-www-form-urlencoded“,此編碼方式只能編碼文字型別的資料,因此Ajax傳送請求的時候,會把data序列化成 一個個String型別的鍵值對,此種傳輸

vs2010除錯dll,以及vc6.0的一點區別

vs2010 dll除錯方式 在vs6.0,當執行dll時候,它會讓你選擇一個除錯dll的應用程式,這個很方便; 當我今天用vs2010除錯dll的時候,想象中要彈出一個對話方塊讓我選擇一個應用程式。但是想象是美好的,現實是殘酷的,它彈出了一個無法執行應用程 序,非常鬱悶。

AJAX提交傳統單向伺服器提交請求的安全性差異

AJAX提交表單與傳統表單向伺服器提交請求的安全性差異 問題來源 在做專案的時候,採用前後端分離模式,在實現資料表格匯出的功能模組的時候,我一貫的採用了AJAX請求,呼叫後端介面。未做任何處理,之後專案小組長讓我採用form表單直接提交,萌新請教大神,這兩種方式在資料安全性方面有什麼

input ,button, textarea 1)使用disabled , 2) 顯示值, 3) 提交. 4) jquery.form.js ajaxSubmit() 無刷新ajax提交.

成功 isa post key input 技術分享 and () 去除 1.使用disabled input , button textarea 可以 被 禁用, 禁用的效果 : 1) 上面的點擊事件無法使用 --- button : 下面的 oncli

PHP--Button按鈕沒有設置type類型,默認會提交

類型 val pos style for 沒有 -- OS gpo 例如: 1 <from > 2 <input type=‘submit‘ value=‘提交‘></input> 3 <button >

PHP中if(isset($_POST['Submit']))是什麼意思,php提交時判斷 if($_POST[submit]) if(isset($_POST[submit])) 的區別

isset -- 檢測變數是否設定 判斷post過來的資料是否被提交過來,if(isset($_POST["submit"]){ echo "提交過來了"; }else { echo "submit is no come~"; }   if(isset($_

使用SpringMVC 實現RESTful,並解決PUT,DELETE請求無法提交資料的問題

瞭解RESTful,使用SpringMVC 實現RESTful 關於REST: 1.表述性狀態轉移,是web服務的一種架構風格,是一種思想,而非標準或軟體。 2. 通常基於使用HTTP,URI,XML、JSON、HTML這些現廣泛流行的協議。 3.屬於輕量級(使

點選中的button標籤提交問題的解決辦法

介紹 最近在公司寫後臺業務的時候發現,標籤放到了表單中,點選這個button變成了提交,相當於。點選的話相當於請求了一次但是我們並不需要重新請求,我們需要將標籤的請求取消 解決辦法 在from表單中所在的button標籤裡面js fcuntion裡return false

html中的button按鈕呼叫js函式和提交傳遞引數

1.button的type設定為button 而不用submit,並新增onclick方法呼叫js函式 <input type="button" name="confirmAlter" value="確認修改" onclick="changeInfo(form1.co

servlet請求中post提交重定向到跨域網站問題

statuscode為302 是作為HTTP1.0的標準,以前叫做Moved Temporarily ,現在叫Found. 現在使用只是為了相容性的處理,response.sendRedirect()的預設Location重定向用的是302.  但是HTTP 1.1 有303 和307作為詳細的補充,其實是對

extjs4.2.0資料提交

前臺: // 重置 和 儲存 按鈕.            buttons: [{                text: '重置',                handler: function() {                    this.up('for

JAVA 爬蟲之httpclient post請求提交獲取Ajax資料

public static String httpPostWithJSON(String url) throws Exception { HttpPost httpPost = n

在jquery中ajax提交的postget方式詳解

另附三篇參考文章連結: 在jquery中ajax提交表單有post與get方式,在使用get方式時我們可以直接使用ajax 序列化表單$('#表單ID').serialize();就行了,下面我來介紹兩個提交表單資料的方法。 $get方式提交表單 get() 方法通

jQuery實現button按鈕提交

在JSP頁面中,通常使用button按鈕提交表單資料,使用jQuery實現程式碼如下: <span style="font-family:Comic Sans MS;font-size:14px;">// 使用者登入 $("#login").click(fun

27.restful中delete請求無法提交資料

現在介紹下delete請求無法提交表單資料的解決辦法: 1.在web.xml中新增HiddenHttpMethodFilter過濾器 <!--將POST請求轉換為DELETE或者PUT

Easyui通用訊息提示、提交ajax請求

其實就是封裝了一下easyui自帶的功能使之更加方便, 提交表單時帶進度條 /* *easyui通用js程式碼 * */ function showMessage(title,text){ $.messager.show({ title:title,

ajax 請求後臺資料(及使用FormData物件提交及上傳圖片)

js <script type="text/javascript"> $(function(){ $('#submit').click