Ajax.ActionLinkがナビゲートする

Question

コントローラのアクションを正常に呼び出すAjax.ActionLinkがありますが、戻り値でターゲットを更新する代わりに、新しいページに移動して戻り値を表示します。

私は私の見解で

<script src="../../Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"></script> 

を控えめAjaxのスクリプトを持っており、これらのスクリプトは、ここに私のレイアウトページに

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script> 
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> 
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script> 

ですが、私のアクションリンクです：

<span id = "status">Account is Active</span> 
@Ajax.ActionLink("Deactivate", 
       "Deactivate", 
       "Lender", 
       new {id = Model.ID}, 
       new AjaxOptions { 
           HttpMethod = "GET", 
           Confirm = "Confirm Deactivation", 
           UpdateTargetId = "status" 
           }) 

私のコントローラアクション：

public string Deactivate(int id) { 
    var status = "Account is Active"; 
    ... // call method to deactivate account 
    ... // set status = "Account is Inactive" 
    return status; 
} 

戻り値が正しく設定されています。だから、なぜAjaxがやろうとしていることをするのではなく、ページが離れていくのですか？

Answer 1

はあなたのページへjquery.unobtrusive-ajax.min.jsライブラリを含める必要があります。そして、このようなない：

<script src="../../Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"></script> 

は、ASP.NET MVCアプリケーション内のURLをハードコードしないでください。常にURLヘルパーを使用してください。

<appSettings> 
    <add key="webpages:Version" value="1.0.0.0"/> 
    <add key="ClientValidationEnabled" value="true"/> 
    <add key="UnobtrusiveJavaScriptEnabled" value="true"/> 
</appSettings> 

あなたがMicrosoft*.jsスクリプトの絶対に痕跡をすべて削除したことを確認してください：

も邪魔にならないアヤックスがあなたのweb.configファイルで有効になっていることを確認してください。それらは完全に時代遅れであり、まったく使用すべきではありません。

Answer 2

MicrosoftMvcAjax.jsにあなたのスクリプトのリストを含めてください。

これはもはや必要ではありませんが、私は完全にはわかりませんが、AjaxHelper拡張メソッドを使用すると、そのファイルがすべての機能を果たさないようです-ボックス。

MSのCDNはMVC 4用のMicrosoftMvcAjax.jsファイルを表示しないことに気付きました。純粋なjQueryを使用して切り替えられたバージョンかもしれませんが、完全にはわかりません。私は正しい方法で私の答えでそれを含めどのよう

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script> 

お知らせ：