jquery ajax 인 스 턴 스

3354 단어 점심 휴식
Jquery 는 비동기 제출 에 있어 서 잘 밀봉 되 어 있 습 니 다.AJAX 를 직접 사용 하 는 것 은 매우 번 거 롭 습 니 다.Jquery 는 우리 의 조작 을 크게 간소화 하 였 으 니 브 라 우 저의 의아 함 을 고려 할 필요 가 없습니다.
좋 은 jQuery Ajax 인 스 턴 스 글 을 추천 합 니 다.가 볼 수 있 는 것 을 잊 었 습 니 다.주 소 는:http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.html 화해시키다http://www.w3school.com.cn/jquery/
 
$.post,$.get 은 간단 한 방법 입 니 다.복잡 한 논 리 를 처리 하려 면 jQuery.ajax()를 사용 해 야 합 니 다.
 
1.$.ajax 의 일반 형식
$.ajax({
     type: 'POST',
     url: url ,
    data: data ,
    success: success ,
    dataType: dataType
});
 
2.$.ajax 의 매개 변수 설명
매개 변수 설명
url
필수요청 을 어느 URL 로 보 낼 지 설정 합 니 다.
data
선택 할 수 있다.맵 이나 문자열 값.요청 과 함께 서버 에 보 낼 데 이 터 를 규정 합 니 다.
success(data, textStatus, jqXHR)
선택 할 수 있다.요청 이 성공 할 때 실행 되 는 반전 함수 입 니 다.
dataType
선택 할 수 있다.예상 한 서버 응답 데이터 형식 을 지정 합 니 다.기본적으로 스마트 판단(xml,json,script 또는 html)을 실행 합 니 다.
 
3.$.ajax 가 주의해 야 할 부분:
  1.data 의 주요 방식 은 세 가지 가 있 는데 html 로 연 결 된 json 배열,form 폼 은 serialize()를 통 해 직렬 화 된 것 이다.dataType 지정 을 통 해 스마트 판단 을 지정 하지 않 습 니 다.
  2.$.ajax 는 form 만 텍스트 로 제출 합 니 다.비동기 제출 은 업로드 가 전달 되 지 않 으 면 jquery.form.js 의$.ajax Submit 를 사용 해 야 합 니 다.
4.$.ajax 나의 실제 응용 예
JS 코드 
//1.$.ajax json       
var aj = $.ajax( {  
    url:'productManager_reverseUpdate',//     action  
    data:{  
             selRollBack : selRollBack,  
             selOperatorsCode : selOperatorsCode,  
             PROVINCECODE : PROVINCECODE,  
             pass2 : pass2  
    },  
    type:'post',  
    cache:false,  
    dataType:'json',  
    success:function(data) {  
        if(data.msg =="true" ){  
            // view("    !");  
            alert("    !");  
            window.location.reload();  
        }else{  
            view(data.msg);  
        }  
     },  
     error : function() {  
          // view("  !");  
          alert("  !");  
     }  
});


//2.$.ajax                
function noTips(){  
    var formParam = $("#form1").serialize();//             
    $.ajax({  
        type:'post',      
        url:'Notice_noTipsNotice',  
        data:formParam,  
        cache:false,  
        dataType:'json',  
        success:function(data){  
        }  
    });  
}  


//3.$.ajax  url     
var yz=$.ajax({  
     type:'post',  
     url:'validatePwd2_checkPwd2?password2='+password2,  
     data:{},  
     cache:false,  
     dataType:'json',  
     success:function(data){  
          if( data.msg =="false" ) //     false,  validatePassword2    pwd2Error,    ,          
          {  
               textPassword2.html("");  
               $("#validatePassword2").val("pwd2Error");  
               checkPassword2 = false;  
               return;  
           }  
      },  
      error:function(){}  
}); 


//4.$.ajax  data     
$.ajax({   
    url:'/kc/kc_checkMerNameUnique.action',   
    type:'post',   
    data:'merName='+values,   
    async : false, //   true      
    error:function(){   
       alert('error');   
    },   
    success:function(data){   
       $("#"+divs).html(data);   
    }
});

좋은 웹페이지 즐겨찾기