XVal、JQuery Validate、Ajax oh my！

Question

MVCでjValを使用しており、jqueryが検証しています。私はajax呼び出しを行うカスタムバリデーターに到達するまで、すべてうまく動作します。

ajax呼び出しは、firbug Netタブに従って適切な値を返します。しかし、何かが間違っていると私はそれを把握することはできません。

ここJavaScriptコードは次のとおり

function CheckEmail() { 
    var res; 
    $.ajax({ 
     type: "GET", 
     url: "/User/CheckEmail", 
     data: "email=" + $('#EmailAddress').val(), 
     success: function(result) { 
      res = result; 
     } 
    }); 
    if (res == "True") { 
     return true; 
    } 
    else { 
     return false; 
    } 

}私は放火犯とを介してステップ場合、未定義表示されRES

。私はそれが問題だと思う。

このコードを再編成して変更するのに4時間を費やしましたが、何も正しく動作しないようです。

if文を実行するためにajaxが完了するまで待機していないという理論があります。誰でもそれを確認したり拒否できますか？

Answer 1

Webサーバーへの同期呼び出しは必要ありません。ユーザのブラウザは応答を待っている間にロックされるため、可能な限り避けてください。

最近、私はblog article about remote client-side validation（達成しようとしているもの）を書いています。非同期要求でこれを行う方法を示しています。

Answer 2

Ajaxの 'A'は非同期を表します。その後

$.ajax(...); 
if (res == "True") {   
    return true;  
} else {   
    return false;  
} 

以降（のように、後でミリ秒）でのAjaxリクエストが戻ってくると呼び出します：

何が起こっていることは、あなたのコードは次のように呼ば取得され

function(result) { 
    res = result;   
} 

一部を示唆していますAjaxの呼び出しを非同期にしていますが、リクエストが戻ってくるまで何か他のことが起こらないようにします。これは多くの理由で悪いことがあります。

ベスト・ソリューションは、Ajaxリクエストを作成して送信する関数ではなく、検証ロジックをコールバックに入れることです。

例：

function CheckEmail() {  
    $.ajax({   
     type: "GET",   
     url: "/User/CheckEmail",   
     data: "email=" + $('#EmailAddress').val(),   
     success: function(result) {    
      if (result == "True") { 
       doSomethingPositive(); 
      } else { 
       warnUserInvalidEmail(); 
      } 
     }  
    });  
} 

Answer 3

はい、あなたは正しいです。 $.ajax()はデフォルトでは非同期呼び出しです。 async：falseを追加すると、同期させることができます。

$.ajax({ 
    type: "GET", 
    async: false, 
    url: "/User/CheckEmail", 
    data: "email=" + $('#EmailAddress').val(), 
    success: function(result) { 
     res = result; 
    } 
}); 

Answer 4

少し遅れますが、私が言うことができるのは、Ajaxフォームの検証を避けることです。恐ろしいユーザーエクスペリエンスを作り出します。 フォームに50個のフィールドがあり、インタラクティブな検証が必要な場合は、ユーザーがフィールドを完了するたびにスクリプトがサーバーに電話をかけます。 Firebugを開いて見て、ショックを与えないでください。