Extjs 3.2 EXT中的AJAX

    

   Extjs與後臺交換數據時,很大程度上依賴於底層實現的AJAX,下面就回顧下工做中最經常使用的異步請求。 json

 Ext.Ajax: 異步

   基本用法以下: post

Ext.Ajax.request({
				url : __ctxPath+ "/admin/allowUpdaterConfPrivilege.do",
				params : {
						confId : e
					},
				waitMsg : "數據正在提交,請稍後...",
				method : "post",
				success : function(h, j) {
				var i = Ext.util.JSON.decode(h.responseText);
				if (i.success) {
					new ConferenceForm({
							confId : e
						}).show();
				} else {
				Ext.MessageBox.show({
						title : "操做信息",
						msg : i.msg,
						buttons : Ext.MessageBox.OK,
					    icon : "ext-mb-error"
						});
			           }

		var g = Ext.getCmp("displayUserPhoto");
			if (f.value == 1) {
			g.body.update('<img src="'+ __ctxPath
			+ '/images/default_image_male.jpg"  width="100%" height="100%"/>');
		} else {
			g.body.update('<img src="'+ __ctxPath+ '/images/default_image_female.jpg"  width="100%" height="100%"/>');
			}
				}
				});


url:指定請求地址,params:指定一個或者多個參數,waitmsg:顯示等候指示條 url

 method:配置http請求方式      g.body.update用於局部更新組件的內容 spa


var i = Ext.util.JSON.decode(h.responseText);

上局代碼將普通的json格式的字符串解析成js能夠直接使用的json對象,而後要訪問json格式中的字段,就直接使用i.key,便可以方便的操做後臺返回的數據。 code

相關文章
相關標籤/搜索