4 extJS_extjs에서 일반적으로 사용되는 Ajax 비동기 제출 방법

/**

코드 복사 코드는 다음과 같습니다.

* 첫 번째 Ajax 제출 방법
* 이 방법은 제출을 위해 ext Ajax 방법을 직접 사용해야 합니다
* 이 방법을 사용하면 전달할 매개변수를 캡슐화해야 합니다
* @return
*/
function saveUser_ajaxSubmit1() {
Ext.Ajax.request( {
url : 'user_save.action',
method : 'post',
params : {
userName : document.getElementById('userName').value,
password : document.getElementById('password').value
},
success : function(response, options) {
var o = Ext.util.JSON.decode(response.responseText);
alert(o.msg)
},
failure: function() {
}
});
}
/**
* 두 번째 Ajax 제출 방법
* 이 방법은 ext의 ajax에 대한 html 형식을 지정합니다.
* 이 방법을 사용하면 전달할 매개변수를 캡슐화할 필요가 없습니다.
*
* @리턴
*/
function saveUser_ajaxSubmit2() {
Ext.Ajax.request( {
url : 'user_save.action',
method : ' post',
form : 'userForm', // 指定表单
success : function(response, options) {
var o = Ext.util.JSON.decode(response.responseText)
경고(o.msg);
},
실패: function() {
}
});
}
/**
* 세 번째 Ajax 제출 방법
* 이 방법은 ext 자체 양식을 제출합니다.
* 이 방법을 사용하려면 ext 자체 textField 구성 요소를 사용해야 합니다.
*
* @return
*/
function saveUser_ajaxSubmit3() {
// 정义表单
var formPanel = new Ext.FormPanel( {
labelWidth : 75,
프레임: true,
bodyStyle: 'padding:5px 5px 0',
너비: 350,
기본값: {
너비: 230
},
defaultType: 'textfield ',
items : [ {
fieldLabel : '사용 이름',
name : 'userName',
allowBlank : false
}, {
fieldLabel : '密 码',
이름 : '비밀번호'
} ]
});
// 정义窗구
var win = new Ext.Window( {
title : '添加用户',
layout : 'fit',
width : 500,
height : 300,
closeAction : 'close',
closable : false,
plain : true,
items : formPanel,
buttons : [ {
text : '确정',
handler : function() {
var form = formPanel.getForm();
var userName = form.findField('userName').getValue().trim()
var 비밀번호 = form. findField('password').getValue().trim();
if (!userName) {
alert('用户name不能为空')
return; if (!password) {
alert('密码不能为공간');
return;
}
form.submit( {
waitTitle : '请稍后...', alert(action.result.msg);
},
실패: function(form, action) {
alert(action.result.msg)
}
} );
}
}, {
text : '取消',
handler : function() {
win.close()
}
} ]
});
win.show();
}
/**
* 네 번째 Ajax 제출 방법
* 비동기 제출을 위해 html 형식을 ext 형식으로 변환하는 방법입니다.
* 이 방법을 사용하려면 html 형식을 정의해야 합니다.
*
* @ 반품
*/
function saveUser_ajaxSubmit4() {
new Ext.form.BasicForm('userForm').submit( {
waitTitle : '请稍后...',
waitMsg : '正재保存用户信息,请稍后...',
url : 'user_save.action',
method : 'post',
성공 : 함수 (양식, 조치) {
alert(action.result.msg);
},
failure : function(form, action) {
alert(action.result.msg); }
});
}