@ Ajax.ActionLink che non sostituisce la vista parziale

Question

Desidero sostituire un div con una vista utilizzando @ Ajax.actionLink, quando faccio clic su quel collegamento.Ma non funziona. file di

qui è il mio link

<div> 
<li> @Ajax.ActionLink("settings","Create","Test", 


new AjaxOptions { UpdateTargetId = "components" , InsertionMode = InsertionMode.Replace} 
) </li> 
</div> 

e il mio obiettivo div

<div id="components"> 
</div> 

ho incluso anche js nel layout del genere

<script src="~/Scripts/Controls/jquery-2.0.3.min.js"></script> 
    <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script> 
    <script src="~/Scripts/jquery.validate.min.js"></script> 
    <script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script> 
    <script src="~/Scripts/modernizr-2.5.3.js"></script> 

e il mio risultato azione

public PartialViewResult Create() 
    { 

     return PartialView("Create"); 
    } 

Answer 1

Il problema era con il mio scripts.Though ho aggiunto discreti-ajax.min.js ma è stato danneggiato.Quindi lo reinstallo dal pacchetto nuget.

PM> Install-Package Microsoft.jQuery.Unobtrusive.Ajax -Version 3.2.2 

Answer 2

Quando U R scrittura new AjaxOptions{ --- }, invece scrivere come:

new AjaxOptions() { .... } and write HttpMethod also in ajaxoptions. 

l'uso corretto di ajax.actionlink è:

@Ajax.ActionLink("Text", // <-- Text to display 
       "Action method", // <-- Action Method Name 
       "Controller Name" // <--Controller Name 
       new AjaxOptions() 
       { 
       UpdateTargetId="CustomerList", // <-- DOM element ID to update 
       InsertionMode = InsertionMode.Replace, // <-- Replace the content of DOM element 
       HttpMethod = "GET" // <-- HTTP method(Post/Get) 
       }) 

Answer 3

Se è MVC5? Assicurati di includere il corretto discreto pacchetto di ajax cioè, è possibile installare NuGet console di gestione dei pacchetti con l'ultimo pacchetto di

Installare-Pacchetto Microsoft.jQuery.Unobtrusive.Ajax

Dopo aver installato l'ultima, la sua ha iniziato a lavorare per me.

Answer 4

ci crediate o no, avevo impostato tutto correttamente, tranne che per una cosa:

di installare Microsoft jQuery discreto Ajax, eseguire il seguente comando nella console di Package Manager:

PM> Install-Package Microsoft.jQuery.Unobtrusive.Ajax -Version 3.2.2 

istruzioni sono qui: https://www.nuget.org/packages/Microsoft.jQuery.Unobtrusive.Ajax/

Answer 5

Per le persone che hanno installato Microsoft.jQuery. Unobtrusive.Ajax (attraverso nu-get o meno) e desidera utilizzarlo attraverso un fascio, non dimenticate:

• Per aggiungere la libreria nel vostro bundleconfig. Per esempio:

   bundles.Add(new ScriptBundle("~/bundles/unobtrusive").Include(
         "~/Scripts/jquery.unobtrusive*")); 
  

• per renderlo (il mio è reso in _Layout.cshtml):

  @ Scripts.Render ("~/fasci/discreti")

lo so è un vecchio post, ma non posso far male aggiungere ulteriori informazioni, immagino.

Answer 6

potrebbe essere per pacchetto nuget. Installarlo

PM> Install-Package Microsoft.jQuery.Unobtrusive.Ajax -Version 3.2.2