반환 값을 얻을 수 없는 문제에 대한 jquery ajax 동기 및 비동기 실행 솔루션_jquery

먼저 jquery

code

코드 복사의 간단한 js ajax 반환 값을 살펴보겠습니다. 코드는 다음과 같습니다. :

function getReturnAjax{
$.ajax({
type:"POST", data:"username=" vusername.value,
success:function(msg){
if(msg=="ok"){
showtipex(vusername.id," 사용자 이름을 사용할 수 있습니다",false)
true를 반환하고 else showtipex(vusername.id," 사용자가 등록되었습니다",false);
vusername.className="bigwrong";
false를 반환합니다. ;
} }

그러나 getReturnAjax()를 호출하면 우리가 얻는 것은 모두 false라는 것을 알게 됩니다. 즉, true를 반환하고 false를 반환해도 전혀 효과가 없습니다. Firefox의 Firebug도 반환 부분에 코드가 전혀 실행되지 않는다는 것을 증명합니다.

함수에서 변수를 정의한 다음 이를 ajax에서 할당하고 마지막에 변수를 반환한다고 가정해 보겠습니다. 코드를 다음과 같이 수정합니다.

코드

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

function getAjaxReturn(){
var bol=false;
$.ajax({
type:"POST", 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;

결과가 여전히 작동하지 않습니다. 최종 해결 방법은 다음과 같습니다.

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

코드

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

function getAjaxReturn () {
var bol=false;
$.ajax({
type:"POST",
async:false, data:"username=" vusername.value,
성공: function(msg ){
if(msg=="ok"){
showtipex(vusername.id,"이 사용자 이름은",false)
// return true;
bol=true; else showtipex(vusername.id,"< img src='images/cancel.gif'/>사용자가 등록되었습니다",false);
vusername.className="bigwrong";
//return false; } return bol;

2. 함수를 전달하여 이 문제를 해결하세요.
코드 복사

코드는 다음과 같습니다. function getAjaxReturn(success_function,fail_function){ var bol=false; ajax({ 유형:"POST", 데이터:"username=" vusername.value,

성공:함수(msg){

if(msg=="ok"){
showtipex( vusername.id,"이 사용자 이름은< /b>를 사용할 수 있습니다.", false)
success_function(msg);
}
else showtipex(vusername.id,"< ;font color=' #ffff00'>사용자가 등록되었습니다",false);
vusername.className="bigwrong";
fail_function(msg);
//return false ; }
});
function Success_function(info) //원하는 대로 수행
alert(info) //원하는 대로 수행
alert(info) ;
}