11
votes

Insérez HTML dans une page avec AJAX

Je suis en train de développer un site Web et j'ai besoin que les pages se chargent de manière dynamique sur les actions que l'utilisateur effectue l'utilisateur.

Exemple: Si l'utilisateur clique sur le bouton "Paramètres" une fonction AJAX se charge à partir d'une page externe. code et mettra dans la div avec la balise 'Paramètres'. P>

Ceci est le code que j'utilise pour créer la demande Ajax: p> xxx pré>

et ceci est Lorsque les résultats de l'AJAX seront placés par premier extrait: p> xxx pré>

Le code est appelé à partir d'une fonction ici: p> xxx pré>

Et ceci est le HTML que la fonction AJAX mettra dans le Paramètres_apportArance CODE> DIV: P>

<script type="text/javascript">
// UI effects
$(document).ready(function()
{
  $('button').sb_animateButton();
  $('input').sb_animateInput();
  $('.top_menu_item').sb_animateMenuItem();
  $('.top_menu_item_right').sb_animateMenuItem();
  $('.left_menu_item').sb_animateMenuItem();
});
</script>

javascript html xml ajax

0 commentaires

4 Réponses :

1
votes

Je vous recommande de ne pas, cela pourrait conduire à une violation de la sécurité.
Si vous utilisez déjà JQuery, utilisez-la de la fonctionnalité Ajax au lieu de la branche.
Lorsque la requête Ajax complète exécuter le code d'animation (laissez-la simplement sur la page qui fait l'appel AJAX).

0 commentaires

0
votes

Dans votre contenu HTML (celui que vous obtenez de l'appel) Faites une fonction JavaScript commune pour chaque page de contenu, qui sera appelée à chaque fois que le contenu est chargé sur la page principale ...

Le nom de la fonction sera quelque chose comme: loadContentAvascript () {}

Et cette fonction est chargée de charger toutes les fonctionnalités qu'il sera chargée sur un événement surload.

0 commentaires

2
votes

Je vous suggère également de ne pas, mais après avoir chargé le contenu dans la DIV, passez l'ID d'élément à cette fonction. Cela gérera même le document.Write xxx

une solution meilleure sera d'ajouter une fonction que vous pouvez appeler à la fin de la mise à jour pour afficher les effets.

4 commentaires

Nice! ... je ne suis pas celui qui a demandé, mais je vais sauver ce code ... :)

La question initiale concerne une page qui utilise déjà JQuery et JQuery inclut déjà des fonctionnalités pour faire exactement ce travail.

Son code AJAX n'est cependant pas jQuery. J'ai supposé qu'il y avait une raison de ce choix. Par exemple, si cela en avait besoin d'être indépendant de la bibliothèque.

J'ai décidé de ne pas utiliser JQuery 'Parce que je voulais l'utiliser uniquement pour créer des effets d'assurance-chômage. Mais dans ce cas, c'est très utile. Toutefois, si j'utilise '$ .GET ...', je n'ai pas besoin d'utiliser la fonction DO_JS dans ce commentaire. Merci d'avoir aidé. ^^

11
votes

Si vous utilisez la jQuery Fonction AJAX (ou la jQuery simplifiée Obtenez la fonction ) et définissez le type de données sur HTML, puis JQuery évaluera le contenu des balises de script incluses dans les résultats .

VOTRE Ô appel de $ .GET regarder quelque chose comme: xxx

2 commentaires

Ok ... je vais essayer de cette façon. Je vous ferai savoir: D

Merci beaucoup! Cela m'a aidé tellement! Cependant, je pense que cela pourrait être très utile: NET.TSPLUS.COM/TULTALS/JAVASCRIPT-AJAX/...