ext 형식 form_YUI.Ext 관련 데이터를 제출하는 방법 요약

EXT form ajax 제출(기본 제출 방식)

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

1. function login(item) {
2.
3. if (validatorForm()) {
4. // 중복 제출 방지를 위해 로그인 시 로그인 버튼을 비활성화로 설정
5 . this.disabled = true;
6.
7. // 첫 번째 매개변수는 submit 및 load 가능
8. formPanl.form.doAction('submit', {
9.
10. url : 'user.do?method=login',
11.
12. method : 'post',
13.
14. // 다른 것이 있다면 여기서는 임시로 비어 있거나 다음 문장을 생략할 수 있습니다.
15. params: '',
16. form, 두 번째는 Ext.form.Action입니다. 서버에서 전달된 json 데이터를 가져오는 데 사용되는 개체입니다.
18. Success: function(form, action) {
19.
20. Ext.Msg.alert('Operation', action.result. data);
21. this.disabled = false;
22.
23. },
24. failure : function(form, action) {
25.
26. Ext.Msg.alert('경고', '사용자 이름 또는 비밀번호가 잘못되었습니다!');
27. // 로그인 실패, 제출 버튼을 작동 가능하게 재설정
28. this.disabled = false; 29.
30. }
31. });
32. this.disabled = false; }




2. EXT 형식

코드 복사

코드는 다음과 같습니다. 1. AJAX가 아닌 제출 양식을 구현하려면 다음 두 줄을 추가하세요! onSubmit : Ext.emptyFn, submit : function() { 2. //액션 주소를 다시 설정

3. this.getEl().dom.action ='user.do?method=login'; .getEl().dom.method = 'post'; //제출

5. this.getEl().dom.submit() },




3.EXT Ajax 제출

코드 복사

코드 1. 2. 3. Ext.Ajax.request({ 4. //주소 요청

5. url: 'login .do',

6. //매개변수 그룹 제출
7. params: {
8. LoginName:Ext.get('LoginName').dom.value,
9. LoginPassword:Ext . get('LoginPassword').dom.value
10. },
11. //성공 시 콜백
12. 성공: function(response, options) {
13. //Get 응답 json 문자열
14. var responseArray = Ext.util.JSON.decode(response.responseText);
15. if(responseArray.success==true){
16. Ext.Msg.alert ('축하합니다', '로그인에 성공했습니다!');
17. }
18. else{
19. Ext.Msg.alert('Failed', '로그인에 실패했습니다. 로그인해주세요. 다시' );
20. }
21. }
22. });