Comment obtenir le contenu de l'élément par id de l'objet HTML par JavaScript (JQuery)

Question

i Recopiez le code ci-dessous pour accéder à la page "JQueryPage.aspx" et obtenir des données de l'aide jQuery

<script type="text/javascript"> 

    $.get 
    (
     "JQueryPage.aspx", 
     function(data) { 
      alert("Data Loaded: " + data); 
      } 
    ); 

</script> 

"JQueryPage.aspx" est juste une page qui contient DIV appelé 'resultsDIV' qui contient les données que je veux retourner



la variable de données de retour de code ci-dessus qui contiennent "JQueryPage.aspx" html et je veux obtenir le contenu de la DIV ..
J'ai 2 questions:
1- comment puis-je extraire le contenu DIV de m objet de données
2- est-ce le meilleur moyen d'obtenir ces données?

Answer 1

Essayez d'utiliser quelque chose comme ceci:

<script type="text/javascript"> 

    $.get 
    ( 
     "JQueryPage.aspx", function(html) { 
      var page = $(html); 
      var div = $('#div1', page); 
     } 
    ); 

</script> 

vous pouvez également regarder dans la fonction $.load

Answer 2

jsut envelopper les données dans un appel à jquery et vous pouvez l'utiliser comme vous le feriez normalement:

$.get 
    (
     "JQueryPage.aspx", 
     function(data) { 
      var dataDom = $(data); 
      $(someSelector, dataDom).each(function(){ 
       alert($(this).html()); 
      }); 
      } 
    ); 

Answer 3

1. Si le balisage HTML de JQueryPage.aspx est valide xml, vous pouvez utiliser l'analyseur dom ge t le div requis.
2. Cela dépend - si tout ce que vous voulez est d'ajouter le html récupéré au DOM existant en utilisant un appel à document.appendChild, oui. Mais si vous avez besoin d'analyser et de lire des valeurs à partir des données récupérées, non, ce n'est pas le cas. Transmettez les données en tant que chaîne JSON ou XML.