jquery ajax 인 스 턴 스
3354 단어 점심 휴식
좋 은 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);
}
});