Suite à cette article, je suis entrain de charger Partial View
via Ajax
. Mais il ne charge pas partial view
.Asp.net MVC Core - impossible de charger une vue partielle en utilisant Ajax
NOTES:
- j'utilise avec VS2015 dernières mises à jour avec l'installation par défaut/configuration de Jquery qui vient avec MVC base application web de modèle de projet de Visual Studio.
- L'outil de développement de Google Chrome ne montre aucune erreur. Et la source d'affichage du navigateur affiche toujours la balise
<div id="UpdateTabData"></div>
vide - J'ai testé en plaçant
alert('Test')
à l'intérieur de l'événement click dans l'appel Ajax et en utilisant une méthode d'action de contrôleur internebreakpoint
que Ajax appelle en effet la méthode TestAction et que la méthode retourne en effetreturn PartialView("PartialView", myViemodel);
sans aucune erreur dans la méthode d'action. - Mais l'Ajax à la fin retourne le mon message d'erreur personnalisé de sa fonction d'erreur
Controller:
[HttpGet]
public IActionResult TestAction(string calledFrom)
{
... some code here with a view model myViemodel
return PartialView("myPartialViewName", myViemodel);
}
Vue:
@model myProj.Models.myTestViewModel
...some html here...
<div id="UpdateTabData"></div>
... more html here
...
code Ajax à la fin de la vue :
$(document).ready(function() {
$('#myTabstripID li').click(function() {
var li_id = $(this).attr("id");
$.ajax({
url: '@Url.Action("TestAction", "myControllerName")',
data: { calledFrom: li_id},
contentType: 'application/json',
dataType: 'html'
type: 'GET',
cache: false,
success: function (data) {
$('#UpdateTabData').html(data);
},
error: function (data) {
alert('Error occurred');
}
});
});
});
Ouvrez votre navigateur dev tools -> onglet réseau et consultez la réponse de votre appel ajax. Est-ce 200 OK? Sinon, vérifiez la réponse et voyez ce que vous obtenez. Peut-être que votre code serveur plante – Shyju
@Shyju Oui, l'onglet 'dev tools -> network-> Headers' montre' code d'état: 200 OK' – nam
Que montre le volet d'aperçu dans vos outils de développement? – Detilium