jQuery Ajax 전역 호출 패키지 인 스 턴 스 코드 상세 설명

한 가지 상황 이 있 습 니 다. 모든 역 에서 비동기 방식 으로 데 이 터 를 호출 하고 데 이 터 를 제출 해 야 합 니 다. 그러면 매번 작업 할 때마다 $. ajax ({.....}) 를 필요 로 합 니 다.
중복 되 는 방법 과 코드 를 쓰 는 것 은 너무 번 거 롭 고 시간 도 낭비 합 니 다. 비록 코드 가 자동 으로 완성 되 었 다 고 하지만 정말 우아 하지 않 습 니 다. 전단 극 객 으로서 허락 할 수 없습니다!
[헤헤! 나 는 이제 jquery 를 거의 쓰 지 않 지만 비동기 개념 은 영원히 써 야 한다. 신인 을 도와 주자]
jQuery Ajax 공통 js 패키지
STEP 1: jQuery 라 이브 러 리 도입

두 번 째 단계: Ajax 패 키 징 류 를 개발 하여 테스트 를 통 과 했 습 니 다. 직접 호출 할 수 있 습 니 다. 코드 를 직접 붙 이 고 설명 을 하면 절약 할 수 있 습 니 다.

/*****************************************************************
jQuery Ajax      (linjq) 
*****************************************************************/
$(function(){
/**
* ajax  
* url        
* data          ，    ， ：{"date": new Date().getTime(), "state": 1}
* async    : true。     ，          。          ，         false。
*   ，          ，                   。
* type     ("POST"   "GET")，     "GET"
* dataType             ，    ：xml、html、json、text
* successfn       
* errorfn       
*/
jQuery.ax=function(url, data, async, type, dataType, successfn, errorfn) {
async = (async==null || async=="" || typeof(async)=="undefined")? "true" : async;
type = (type==null || type=="" || typeof(type)=="undefined")? "post" : type;
dataType = (dataType==null || dataType=="" || typeof(dataType)=="undefined")? "json" : dataType;
data = (data==null || data=="" || typeof(data)=="undefined")? {"date": new Date().getTime()} : data;
$.ajax({
type: type,
async: async,
data: data,
url: url,
dataType: dataType,
success: function(d){
successfn(d);
},
error: function(e){
errorfn(e);
}
});
};
/**
* ajax  
* url        
* data          ，    ， ：{"date": new Date().getTime(), "state": 1}
* successfn       
*/
jQuery.axpost=function(url, data, successfn) {
data = (data==null || data=="" || typeof(data)=="undefined")? {"date": new Date().getTime()} : data;
$.ajax({
type: "post",
data: data,
url: url,
dataType: "json",
success: function(d){
successfn(d);
}
});
};
/**
* ajax  
* url        
* data          ，    ， ：{"date": new Date().getTime(), "state": 1}
* dataType             ，    ：xml、html、json、text
* successfn       
* errorfn       
*/
jQuery.axspost=function(url, data, successfn, errorfn) {
data = (data==null || data=="" || typeof(data)=="undefined")? {"date": new Date().getTime()} : data;
$.ajax({
type: "post",
data: data,
url: url,
dataType: "json",
success: function(d){
successfn(d);
},
error: function(e){
errorfn(e);
}
});
};
});

세 번 째 단계: 시 뮬 레이 션 호출

$(function(){
$.ax(
getRootPath()+"/test/ajax.html",
null,
null,
null,
null, 
function(data){
alert(data.code);
}, 
function(){
alert("   ");
}
);
$.axpost(getRootPath()+"/test/ajax.html", null, function(data){
alert(data.data);
});
$.axspost(getRootPath()+"/test/ajax.html",
null, 
function(){
alert("   ");
},
function(){
alert("   ");
});
});






$.axpost(getRootPath()+"/test/ajax.html", null, function(data){
alert(data.data);
});

위의 코드: url 과 전송 할 data 필드 만 입력 하면 됩 니 다. 중복 작업 과 코드 의 번 거 로 움 을 피 할 수 있 습 니 다.
이상 의 내용 은 소 편 이 소개 한 jQuery Ajax 전역 호출 패 키 징 인 스 턴 스 코드 에 대한 상세 한 내용 입 니 다. 도움 이 되 셨 으 면 합 니 다!