asp.net MVC partialviewが

Question

動作しない私は、ビューのページを持っている

私の見解ページ

<div id="beReplaced"> 
    @Ajax.ActionLink("please click on me to bring the partial view", 
        "PatrialViewToBeCalled", 
        new AjaxOptions() 
         {UpdateTargetId = "beReplaced", 
         InsertionMode = InsertionMode.InsertAfter, 
         HttpMethod="Get", 
         LoadingElementId = "prgress" }) 
</div> 

私はコントローラー

public PartialViewResult PatrialViewToBeCalled() 
{ 
    var customer = db.Customers.First(); 

    return PartialView("PartialViewThatMustBeShow",customer); 
} 

が、私はクリックを持っています生成されたリンクでは、 の代わりに新しいページが表示され、divタグに部分的なビューが追加または追加されます。

問題が何ですか？

Answer 1

解決策が見つかりました。この問題は、破損したunobtrusive-ajax.min.jsファイルが原因です。

Answer 2

jQueryをページに読み込んだら、単純なjquery get/loadメソッドを使用して部分的なビューを取得してみましょう。

<div id="beReplaced"> 
    <a href="#" id="lnk1">please click on me to bring the partial view</a> 
</div> 

Javascriptが

$("#lnk1").click(function(){ 
$.get('/controller/PatrialViewToBeCalled', function(data) { 
     $('#beReplaced').html(data); 
     }); 
}); 

Answer 3

それはあなたが欠落していたことだったかもしれない：メインビューで

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

。これは、メインビューにajaxヘルパーを認識させるように指示します。

Answer 4

あなたはASP .NET MVC 4で作業している場合

@Scripts.Render("~/bundles/jquery") 

が同様にbodyタグの終わりであることを確認してください。

 @Scripts.Render("~/bundles/jquery") 
     @RenderSection("scripts", required: false) 
    </body> 
</html> 

Answer 5

私はちょうどそれがうまくいかないと思っています。ページソースを表示しても何も表示されませんでした。

最終的に、Firebugのコンソールで正常な要求を見たときに実際に動作することがわかりました。それは単にそれを画面に表示していた。 FirebugのHTMLタブでは、ページソースに表示されないのに、最終的に出力が見つかりました。