Comment faire pour ajouter ajax html réponse à côté de courant div

J'ai DOM comme suit,

<div id='level-1'>
  <ul>
    <li><span><a>Mike</a></span></li>
    <li><span><a>John</a></span></li>
    <li><span><a>Ket</a></span></li>  
 </ul>
</div>

et jQuery est comme suit,

$(document).on('click','div[id^=[level] ul li span a',function(){

//Making ajax request,no problem in getting the response
//Here I need to append response next to the current div i,e div#level-1 or div#leve-2
});

ajax réponse sera la même que ci-dessus DOM sauf id de la div et le contenu de anchor tag. id sera level-2 ou level-3 i,e. +1 à la valeur actuelle de la div.

OriginalL'auteur Mahesh.D | 2013-04-27

  1. 9

    Essayer

    $(document).on('click','div[id^=level] ul li span a',function(){
    var parentDiv = $(this).closest("div[id^=level]"); 

    $.ajax(...).done(function(html) {
        parentDiv.after(html);
    });

});

    OriginalL'auteur Yury Tarabanko

  2. 2

    Pouvez-vous ajouter un div parent comme ça?

    <div id="levels">
 <div id='level-1'>
  <ul>
   <li><span><a>Mike</a></span></li>
   <li><span><a>John</a></span></li>
   <li><span><a>Ket</a></span></li>  
  </ul>
 </div>
</div>

    après vous pouvez le faire en jquery

    $("a").on("click",function(){
    //on ajax success
    $(this).parent("#levels").append("whatever you want!");

});
    +1 pour la nouvelle pensée.
    Jeremy, je peux ajouter de nouveaux éléments, mais je n'souhaitez utiliser, cliquez sur événement.. merci
    est-ce une question ? si vous ne souhaitez pas utiliser le clic de la partie, vous pouvez utiliser uniquement cette partie où vous voulez : $(this).parent("#niveaux").append("tout ce que vous voulez!");

    OriginalL'auteur jeremy castelli

  3. 0

    Pour un ajax réponse, vous pouvez ajouter votre append fonction de la réponse de la demande.g:
    (pseudo code)

    $.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  //add response functionality here e.g
  if(var i; i < response.length; i++) {
   $('#level-'+(i+1)).append('<div id=level-'+(i+1)+' some new data </div>');
  }
});

    si vous obtenez un tableau à partir de la requête ajax qui a plusieurs lignes - vous pouvez parcourir chaque ligne et ajouter le nouveau code html pour le courant de div avec la .append() fonction jquery.

    http://api.jquery.com/append/

    OriginalL'auteur Mupps

  4. 0

    Vous avez un peu d'erreur de syntaxe à l'intérieur de votre sélection, ainsi que d'essayer d'ajouter response à votre div dans success rappel:

    $(document).on('click','div[id^="level"] ul li span a',function(){
    var $this = $(this);
    $.ajax({
        ...........
        success: function(response){
            $this.closest('div[id^=level]').append(response)
        },
    }); 
});
    C'est d'arriver à l'intérieur de l'ajax succès de rappel.
    merci, mis à jour 🙂
    Pas de problème :). Btw, vous n'avez pas besoin d'enregistrer $(this) de fermeture?
    Oui, vous avez raison.
    Eli, je n'souhaitez utiliser, cliquez sur événement.. merci

    OriginalL'auteur Eli

  5. 0
    $('.submit').click(function() {
    var html='';
    $.ajax({
        dataType: "json",
        url: "http://www.yoururl.com/",
        success: function (data) {
            var content = 'Title : '+data.Title ;
            content += ' Year : '+data.Year ;
            content += ' Rated : '+data.Rated ;
            content += ' Released : '+data.Released ;
            $("#text").append(content);

        }
    });
});
    Veuillez ajouter une description à propos de votre code

    OriginalL'auteur Pradeep .a