Ajax 의 beforeSend 로 사용자 체험 향상
1958 단어 AjaxbeforeSend사용자 체험
$.ajax({
beforeSend:function(){
// handle the beforeSend event
},
complete:function(){
// handle the complete event
}
});실제 프로젝트 개발 에서 폼 을 제출 할 때 네트워크 나 그 원인 으로 인해 사용자 가 제출 단 추 를 누 르 면 자신 이 조작 에 성공 하지 못 했다 고 착각 하고 제출 버튼 의 조작 횟수 를 반복 합 니 다.만약 에 페이지 전단 코드 가 해당 하 는 처 리 를 하지 않 으 면 똑 같은 데이터 가 데이터 베 이 스 를 삽입 하여 더러 운 데 이 터 를 증가 시 킬 수 있 습 니 다.이러한 현상 을 피 하려 면$.ajax 요청 의 beforeSend 방법 에서 제출 단 추 를 사용 하지 않 고 Ajax 요청 이 실 행 될 때 까지 기 다 립 니 다.복구 단추 의 사용 가능 한 상태 입 니 다.
예 를 들 어:
$.ajax({
type:"post",
data:studentInfo,
contentType:"application/json",
url:"/Home/Submit",
beforeSend:function(){
//
$("#submit).attr({disabled:"disabled"});
},
success:function(data){
if(data=="Success"){
//
clearBox();
}
},
complete:function(){
$("#submit").removeAttr("disabled");
},
error:function(data){
consloe.info("error:"+data.responseText);
}
});ajax 가 서버 에 데이터 목록 을 불 러 오 라 고 요청 할 때 loading 을 알려 줍 니 다("불 러 오 는 중,잠시 후...")
$.ajax({
type:"post",
contentType:"application/json",
url:"/Home/GetList",
beforeSend: function(){
$("loading").show();
},
success: function(data){
if (data=="Success"){
// ...
}
},
error: function(){
console.info("error:"+data.responseText);
}
});이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
원생 Ajax와 jQuery Ajax의 차이점 예시 분석선언: 이번에 소개한 것은 aax와 백그라운드를 이용하여 데이터 교환을 하는 작은 예이기 때문에 demo는 서버를 통해 열어야 합니다.서버 환경은 구축하기 매우 좋다. 인터넷에서wamp나xampp를 다운로드하여 한 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
