jQuery 에 포 장 된 ajax 요청

jQuery 에 포 장 된 ajax 의 사용 방법 을 정리 합 니 다.
우선, jQuery 그 거 진짜 향 이 야!
네 이 티 브 자 바스 크 립 트 의 ajax 요청 방식 을 비교 해 보 세 요.
ajax 대상 정의 설정 전송 요청 수신 응답 체 를 만 들 려 면 호 환 을 고려 해 야 합 니 다. (IE 에서 라 이브 러 리 를 언제 삭제 하 시 겠 습 니까?)
//    
if(){
var xhr = new XMLHttpRequest();
}else{
var xhr = new ActiveXObject('Microsoft.XMLHTTP');
}
//get  
xhr.open('get','http://.......?    ');
xhr.send();
xhr.onload = function(     ){}

//post  
//          post      
xhr.setRequestHeader('content-type' , 'application/x-www-form-urlencoded');
xhr.open('post','  ');
xhr.send(    );
xhr.onload = function(     ){}

· · · ·
jQuery 패키지 ajax 요청
$. get () 요청 방식
요청 인자 도 주소 에 쓸 수 있 습 니까?다음 에 dataType 은 json 문자열 과 같은 설정 한 매개 변수 가 표시 하 는 데이터 형식 으로 자동 으로 변 환 됩 니 다.
$.get({
            url:'    ',
            data:{    : ........},
            dataType:"                ",
            success:function(     ){}
        })

·
$. post () 요청 방식
응답 헤드 를 설정 하지 않 아 도 됩 니 다. jQuery 는 모든 것 을 해결 하 였 으 며, jQuery 로 포 장 된 ajax 요청 은 더 이상 호 환 을 쓰 지 않 아 도 됩 니 다.
$.post({
            url:'    ',
            data:{    : ........},
            dataType:"                ",
            success:function(     ){}
        })

·
$. ajax () 요청 방식
일반적인 요청 (비 크로스 도 메 인 요청) 인자 N 여러 개, 주소 가 있어 야 합 니 다. 다른 보기 필요 합 니 다.
$.ajax({
            url:    ,
            type:get,
            data:{    },
            dataType:       ,
            success:function(     ){}
        })

이상 은 비교적 자주 사용 하 는 매개 변수 입 니 다. 그들 은 모두 대상 의 방식 으로 저장 하고 자주 사용 하지 않 는 매개 변수 도 있 습 니 다. 예 를 들 어:
async: 비동기 여 부 를 설정 합 니 다. 기본 값 은 true 이 고 비동기 실행 입 니 다.(일반적으로 동기 화 요청 을 사용 하 는 사람 은 없 겠 지 요) error: function () {} 요청 이 잘못 되 었 을 때 실행 되 는 함수 timeout: 최대 요청 시간 (밀리초) 을 설정 하고 시간 을 초과 하면 요청 실패 cache: 캐 시 요청 결 과 를 설정 합 니 다. 기본 true context: 실행 함수 중 this 가 가리 키 는 방향 · 크로스 도 메 인 요청 을 지정 합 니 다.
3.4 버 전 이상 의 jQuery 는 프 록 시 방식 의 크로스 도 메 인 요청 을 지원 합 니 다. 파일 설정 만 잘 하면 됩 니 다. jsonp 방식 의 크로스 도 메 인 은 dataType 의 값 을 jsonp 로 설정 하고 jsonp 속성 을 추가 해 야 합 니 다. 값 은 정 의 된 함수 이름 입 니 다. 정의 가 없 으 면 기본 값 은 callback 입 니 다. 배경 에서 이 함수 로 돌아 갑 니 다. 매개 변 수 는 되 돌아 가 야 할 데이터 입 니 다.
$.ajax({
url:.....,
type:"post",
dataType:"jsonp",
jsonp:'myFunction',
success:function(       ){}
})
function myFunction(){}

$para = $_POST;
echo "myFunciont(" . json_encode($para) . ")";

좋은 웹페이지 즐겨찾기