jquery, ajax et obtenir une structure html complète retour

Question

Je suis nouveau à jquery et dans une certaine mesure la programmation javascript. J'ai commencé à utiliser jquery avec succès pour mes appels ajax mais je suis perplexe et je suis sûr que c'est une question de débutant mais voilà. J'essaye de retourner dans un appel d'ajax une structure html complète, au point une structure de table. Cependant, ce qui continue à se produire est que jquery soit des bandes les balises html loin et insère seulement le niveau le plus profond de « texte » ou les caractères spéciaux tels que <, >, etc se remplacés par les réchappés

Je dois savoir comment transformer hors ce traitement des caractères reçus. En utilisant firebug je vois les réponses qui sortent de mon serveur web correctement mais la page reçue par l'utilisateur et donc traitée par jquery est incorrecte. Un exemple rapide sera donc ce que je veux dire.

J'envoie quelque chose comme ça

<results><table id="test"><tr>test</tr></table></results> 

ce qui apparaît sur ma page si je fais une vue source de la page est la suivante. Ainsi, vous pouvez voir les caractères spéciaux se convertir et je ne sais pas comment l'arrêter.

L'idée est que le <results></results> soit la balise xml et que le texte de cette balise soit ce qui est placé dans un <div> existant sur ma page.

Voici le javascipt que j'utilise pour tirer vers le bas la réponse et inserts:

$.post(url, params, function(data) 
{ 
    $('#queryresultsblock').text(data) 
}, "html"); 

J'ai essayé différentes options autres que "html" comme, "text" "xml", etc. Ils font tous des choses variées, le "html" me rapproche le plus.

nous vous remercions de votre aide.

tim

Answer 1

La méthode la plus simple consiste simplement à renvoyer votre code HTML brut et à utiliser la méthode html de jQuery.

Votre résultat:

<table id="test"><tr>test</tr></table> 

Votre appel Javascript:

$.post(url, params, function(data){ $('#queryresultsblock').html(data) }) 

---

Une autre solution avec moins de contrôle - vous pouvez seulement faire une requête GET - mais plus simple est d'utiliser load:

$("#queryresultsblock").load(url); 

Si vous devez retourner votre résultat dans une balise XML results, vous pouvez essayer d'ajouter un sélecteur jQuery à votre appel load:

$("#queryresultsblock").load(url + " #test"); 

Answer 2

Vous ne pouvez pas mettre du code HTML inchangé dans XML. Il y a deux options que je vois comme de bonnes façons d'aller. Un moyen consiste à envoyer du HTML échappé dans le XML, puis avoir du JavaScript côté client unescape que HTML. Alors vous envoyer

<results>&lt;results&gt;&lt;table.... 

Et le javascript serait convertir le <-< et tel.

L'autre option, et ce que je ferais, est d'utiliser JSON au lieu de XML.

{'results': "<table id="test"><tr>test</tr></table>" } 

Le JavaScript doit être en mesure d'extraire cette structure HTML comme une chaîne et l'insérer directement dans votre page, sans aucune sorte d'échapper ou déséchapper.

Answer 3

L'autre chose que vous pourriez faire est de créer un fichier .html externe avec juste votre extrait de code HTML. Créez donc include.html avec

<results><table id="test"><tr>test</tr></table></results> 

Comme le contenu, utilisez une fonction jquery .load pour l'obtenir sur la page. Voyez-le en action here.