ステップ1で「次へ」をクリックすると、Ajaxサービスを呼び出すためのJQueryのステップを取得する方法

Question

jQueryのステップを使用していますが、最初に「次へ」をクリックするとajax経由でac＃サービスを呼び出す必要があります手順2が表示される前に呼び出されて返される？次のコードは、手順2が読み込まれた後にajaxイベントが返されますが、機能します。

多くのありがとうございました。私はこれらのメソッドを気づいた

http://www.jquery-steps.com/Examples#basic

jQueryが手順？たぶん、これらは私が間違っていないんだ場合、私はonStepChangingメソッド内AJAX呼び出しが動作するはず置く、

onStepChanging: function (event, currentIndex, newIndex) 
onFinishing: function (event, currentIndex) 
onFinished: function (event, currentIndex) 

私のAJAXイベント

$(function() { 
     $('a[href="#next"]').click(function() { 
      var url = "..."; 

      $.ajax({ 
       url: url, 
       success: function (response) { 
        // Form fields on second step 
        $("#EmailAddress").val(response.Email); 
        $("#FirstName").val(response.Firstname); 
        $("#LastName").val(response.Lastname); 
       }, 
       error: function() { 
        alert("something went wrong"); 
       } 
      }); 
     }); 

    }); 

Answer 1

を必要とするものです。

3つのパラメータがあり、そのうちの1つ（event）がクリックされている必要があります。必要に応じて、それを使用してurl varをよりよく定義します。またcurrentIndexで、あなたが最初のステップにいるかどうかを検出することができます。

form.steps({ 
    onStepChanging: function (event, currentIndex, newIndex) 
    { 

     if (currentIndex == 0) { //I suppose 0 is the first step 
      var url = "..."; 

      $.ajax({ 
       url: url, 
       success: function (response) { 
        // Form fields on second step 
        $("#EmailAddress").val(response.Email); 
        $("#FirstName").val(response.Firstname); 
        $("#LastName").val(response.Lastname); 
        return true; 
       }, 
       error: function() { 
        alert("something went wrong"); 
        return false; //this will prevent to go to next step 
       } 
      }); 
     } 
    }, 
});