> 웹 프론트엔드 > JS 튜토리얼 > jquery ajax 동기 및 비동기 실행 최종 솔루션_jquery

jquery ajax 동기 및 비동기 실행 최종 솔루션_jquery

WBOY
풀어 주다: 2016-05-16 17:35:17
원래의
1170명이 탐색했습니다.

먼저 간단한 js를 살펴보겠습니다.
jquery ajax 반환 값에 대한 코드

코드 복사 코드는 다음과 같습니다.

함수 getReturnAjax{
$.ajax({
유형:"POST",
http://www.cnblogs.com/wlmemail/admin/"ajax/userexist.aspx ",
data:"username=" vusername.value,
success:function(msg){
if(msg=="ok"){
showtipex(vusername.id,"< img src= 'images/ok.gif'/>이 사용자 이름은",false를 사용할 수 있습니다)
true를 반환합니다. ;
}
else
{
showtipex(vusername.id,"사용자가 등록되었습니다",false);
vusername.className="bigwrong";
return false;
}
}
});
}

그러나 getReturnAjax()를 호출하면 우리가 얻는 것은 모두 false라는 것을 알게 됩니다. 즉, true를 반환하고 false를 반환해도 아무런 효과가 없습니다. Firefox에서 디버그하기 위한 방화범. 또한 코드가 반환 부분까지 전혀 실행되지 않음을 증명합니다.

함수에 변수를 정의한 후 ajax에서 할당하고 마지막에 함수 마지막에 변수를 반환한다고 상상해 볼까요? 🎜 >

function getAjaxReturn()
{
var bol= false
$.ajax({
유형:"POST",
http://www.cnblogs.com/wlmemail/admin/"ajax/userexist.aspx",
data:" 사용자 이름=" vusername.value,
성공:기능(msg){
if(msg=="ok"){
showtipex(vusername.id,"이 사용자 이름은",false)
// return true;
bol=true;
}
else
{
showtipex(vusername.id,"사용자가 등록되었습니다",false);
vusername.className="bigwrong";
//return false;
}
}
});
return bol
}


결과가 여전히 작동하지 않습니다. 최종 해결 방법은 다음과 같습니다.
1. async:false를 추가합니다. 즉, 동기화로 변경한다는 의미입니다. (동료의 설명에 따르면 다음 js는 ajax가 반환 값을 가질 때까지 실행되지 않습니다. 이는 과거에 많은 ajax 호출의 할당이 작동하지 않았던 것이 당연하다는 것을 분명히 합니다). 이런 식으로 ajax가 bol에 값을 할당한 후 다음 js 부분이 실행됩니다. 지금 비동기식이었다면 값이 할당되기 전에 반환되었을 것입니다.
코드


function getAjaxReturn()
{
var bol=false;
$.ajax({
유형:"POST",
async:false,
http://www.cnblogs.com/wlmemail/ admin/" ajax/userexist.aspx",
data:"username=" vusername.value,
success:function(msg){
if(msg=="ok"){
showtipex (vusername.id,"이 사용자 이름은를 사용할 수 있습니다." , false)
// return true;
bol=true;
}
else
{
showtipex(vusername.id,"사용자가 등록되었습니다",false);
vusername.className="bigwrong";
//return false;
}
});
return bol;
}


2. 질문.
코드



관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿