Vue partielle Actualise après l'Ajax de Jquery Post
Dans mon c# MVC4 application que je suis en train de travailler avec deux vues partielles. Vue partielle 1 est situé dans une div avec l'id Partial_Analysis, Vue Partielle 2 est dans un div avec l'id Display_Average. Chaque vue contient une datatables.net datatable. Lorsqu'une ligne est sélectionnée dans la table dans la vue partielle, jquery ajax post est fait pour que les causes vue partielle de 2 à rafraîchir avec une mise à jour datatable montrant des résultats basés en dehors de la ligne de sélection qui a été faite en vue partielle 1.
<script type="text/javascript" charset="utf-8">
$(document).ready(function () {
$('.rowselection').click(function (e) {
var tdata = $('#form1').serialize();
$.ajax({
type: "POST",
data: tdata,
url: "Home/PartialAverage",
success: function (result) { success(result); }
});
});
function success(result) {
$("#Display_Average").html(result);
}
});
</script>
Quand un bouton est cliqué, vue partielle 1 est actualisé.
<script type="text/javascript" charset="utf-8">
$(document).ready(function () {
$('#ChangeName').click(function (e) {
var tdata = $('#form1').serialize();
var origname = $('#NameDiv').find('input[name="Name"]').first().val();
var newname = $('#NameDiv').find('input[name="updatedName"]').first().val();
$.ajax({
type: "POST",
data: {
mCollection: tdata,
Name: origname,
updatedName: newname
},
url: "Home/ChangeName",
success: function (result) { success(result); }
});
});
function success(result) {
$("#Partial_Analysis").html(result);
}
});
</script>
Lors de cette actualisation de la vue partielle 1, je veux la deuxième partie de rafraîchissement aussi. J'ai essayé ce qui provoque une boucle infinie.
<script type="text/javascript" charset="utf-8">
$(document).ready(function () {
$('#Partial_Analysis').ajaxSuccess(function (e) {
var tdata = $('#form1').serialize();
$.ajax({
type: "POST",
data: {
mCollection: tdata,
},
url: "Home/PartialAverage",
success: function (result) { success(result); }
});
});
function success(result) {
$("#Display_Average").html(result);
}
});
</script>
OriginalL'auteur HendPro12 | 2013-04-15
Vous devez vous connecter pour publier un commentaire.
ajaxSuccess
global, un gestionnaire qui est appelé à chaque fois qu'une réponse à un appel ajax est reçu. L'exécution d'un autre appel ajax dans il va certainement provoquer une boucle infinie.Probablement la meilleure option ici est la mise à jour de la seconde table dans le
success
gestionnaire de la première partie de la vue:Vous pouvez utiliser
$.post
OriginalL'auteur Andrei
si la réponse est ajax réponse...alors
cela devrait fonctionner pour vous. il a fait pour moi....
OriginalL'auteur user1940803