Ajax呼び出しが失敗しています

Question

jquery/ajaxスクリプトを作成しようとしています。目的は、データベースからデータを取得し、successFuncの結果を比較し、次のajax呼び出しをmvc actionResultに実行し、結果に応じてビューをレンダリングすることです。何らかの理由でそれが機能していません。

function GetPageData() { 
$.ajax({ 
    type: "Post", 
    url: '/Track/GetPageData', 
    dataType: "json", 
    data: param = "", 
    success: successFunc, 
    error: errorFunc 
}); 
function successFunc(data, status) { 
    alert('data; '+data+', '+'status: '+status); 
    if (data == 'contact') { 
     $.ajax({ 
      type: "Post", 
      url: '/Track/Contact', 
      dataType: 'json', 
      success: successF, 
      error: errorF 
     }); 
     function successF() { 
      alert('services') 
     } 
     function errorF() { 
      alert('servicesFail') 
     } 
    } 

ActionResults方法の一つ：

public ActionResult Contact() 
    { 
     return View(); 
    } 

私はその呼び出しを見ることができますデバッグ中（のActionResult連絡先に行われている）が、それはビューをレンダリングしません。なぜコードが動作していないのでしょうか？

Answer 1

最初のajax呼び出し後にGetPageData関数を終了していません。それは以下のように書き留めてチェック -

function GetPageData() { 
    debugger; 
    $.ajax({ 
     type: "Post", 
     url: '/Track/GetPageData', 
     dataType: "json", 
     data: param = "", 
     success: successFunc, 
     error: errorFunc 
    }); 
} 
    function successFunc(data, status) { 
      $.ajax({ 
       type: "Post", 
       url: '/Track/Contact', 
       dataType: 'json', 
       success: successF, 
       error: errorF 
      }); 

    } 
    function successF() { 
     alert('services'); 
    } 
    function errorF() { 
     alert('servicesFail'); 
    } 
    function errorFunc() { 
     alert('servicesFail'); 
    } 

Answer 2

ビューを得るためにあなたのAJAX呼び出しは、以下のパターンに従ってください、これは私がパスワードリセットのために使用するものである：

$.ajax({ 
     url: '@Url.Action("ActionName","ControllerName")', 
     cache: false, 
     data: { userId: userId, newPassword: password }, 
     type: 'GET', 
     success: function (data) {       
      $('#unlockResult').html(data); 
     }, 
    }); 

アクションは次のようになりますそしてPartialViewを返します。

public async Task<ActionResult> UnlockUserAccount(string userId, string newPassword) 
    { 
    //other stuff here 
    return PartialView("_AjaxResponse"); 
} 

AJAX呼び出しのsuccess一部でdataパラメータは番目です電子HTML PartialViewのために、これは、私がページを持っているdiv要素の中に注入されています。私のシナリオでは

<div id="unlockResult"></div> 

は、PartialViewは、既存のページに追加されたHTMLに失敗/成功のビットを返します。コメントの中で述べたように、完全に新しいページを読み込もうとするなら、ajaxを使いたくないです。私は私のために機能するソリューションを使用終わり

Answer 3

：

function GetPageData() { 
$.ajax({ 
    type: "Post", 
    url: '/Track/GetPageData', 
    dataType: "json", 
    data: param = "", 
    success: successFunc, 
    error: errorFunc 
}); 
function successFunc(data, status) { 
    alert('data; '+data+', '+'status: '+status); 
    if (data == 'services') { 
     window.location = "/Track/Services"; 
    } 
    else if (data == 'contact') { 
     window.location = "/Track/Contact"; 
    } 
    else{ 
     window.location = "/Track/About"; 
    } 
} 

をあなたは仕事とどのようなエラーメッセージがあなたの取得されていないものを説明していないあなたの助け