Ext 에서 Ext. ajax. request 와 form. submit 의 용법 차이

2772 단어 Ajaxjsonext
공통점: 모두 Ajax 제출 방식 에 속 합 니 다!
다른 점: Ext. ajax. request 는 Ext. data. connection 의 인 스 턴 스 입 니 다.
              form1. getForm (). submit 는 Basic Form 의 실현 방식 이다.
사용 상의 차이 점:
1. form1. getForm (). submit 는 폼 을 제출 할 때 자주 사용 합 니 다. 즉, 페이지 데 이 터 를 제출 하 는 것 입 니 다. 예 를 들 어 데이터 페이지 를 새로 추가 하거나 수정 하 는 것 입 니 다.
2. Ext. ajax. request 는 매개 변수 에 따라 제출 할 때 자주 사 용 됩 니 다. 예 를 들 어 삭제 할 때 저 희 는 페이지 에서 선택 한 ID 를 옮 겨 다 니 며 Array 에 패키지 하고 매개 변수 로 Ajax 의 제출 을 합 니 다.
예:
먼저 form1. getForm (). submit 의 예 입 니 다.
function formSubmit(){ 
     if (form1.getForm().isValid()) { 
        form1.getForm().submit({ 
         waitTitle : '  ',//   
      waitMsg : '         ...',//     
      url : 'eidtBooktype.action', 
         method : 'post',  
         params : 'booktype',  
         success : function(form, action) {  
            var flag=action.result.msg;  
            window.returnValue='SUCC';   
            Ext.Msg.alert('  ',flag,function(){ 
            window.close();  
             });  
          },  
         failure : function(form,action) {  
              var flag=action.result.msg;  
              Ext.Msg.alert('  ', flag);
          } 
      }); 
  }  } 

 
그 다음은 Ext. ajax. request 의 예 입 니 다.
Ext.Ajax.request({  
         url : 'deleteBooktypes.action',  
         method : 'post', 
         params : {delids:deleteids.toString()}, 
         success : function(form,action) { 
         //alert(response.responseText); //   json     
         var respText = Ext.util.JSON.decode(form.responseText);
         //      json   
         var msg=respText.msg; 
         Ext.MessageBox.alert('  ',msg,function(){  
            bookTypeStore.reload();  
            });  
        },  
        failure : function(response,options) {  
         var respText = Ext.util.JSON.decode(response.responseText); 
        //      json   
         var msg=respText.msg;  
         Ext.MessageBox.alert('  ',msg,function(){  
           bookTypeStore.reload(); 
          });  
        }  
       }); 

 
사용 예 의 차이 점:
가장 뚜렷 한 것 은 success 와 failure 시 function 의 매개 변수 입 니 다!
Ext. ajax. request 의 function (response, options), option 은 매우 유용 합 니 다. response. responseText 로 되 돌아 오 는 인 자 를 얻 었 습 니 다. 이 곳 의 response 인 자 는 action 으로 바 꿀 수 있 습 니 다.
form1. getForm (). submit 의 function (form, action), action 이 유용 합 니 다. action. result. msg 로 반환 값 을 얻 습 니 다.

좋은 웹페이지 즐겨찾기