POST de contenu HTML filtré

Bonjour,

Je ne sais pas si je dois ouvrir cette discussion côté AJAX ou plutôt jQuery/JavaScript (quel forum ?), et je débute dans ces 2 technologies...

J'ai la fonction suivante, qui me permet d'envoyer du contenu HTML :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

<SCRIPT> jQuery().ready(function(){ jQuery('#creerDossierSpec').click(function() {   [variables...] var ajaxUrl="livelink.exe";   var postData = new Object(); postData.func = "ll"; postData.objId = "3885111"; postData.objAction = "RunReport"; postData.nextUrl = ""; [autres paramètres...] postData.mainSpec = jQuery('#spec').html();   jQuery.ajax ({ type: 'POST' , url: ajaxUrl , data: postData , success: alert("Le dossier a \351t\351 cr\351\351. Les documents seront finalis\351s d'ici quelques minutes.") });   return false; });   }) </SCRIPT>

---

J'envoie donc le contenu d'un <DIV ID="spec">, et je souhaiterais savoir si je pouvais exclure certains éléments (ex : les <SCRIPT>, ou éventuellement certaines CLASS="...") ?

Merci d'avance pour votre aide (je peux supprimer la conversation et la recréer ailleurs si nécessaire).

Je ne peux pas t'aider à trouver une solution, car je n'ai pas tout compris... :aie:
Mais par contre, je peux te signaler quelques petites choses pour améliorer ton code...

On ouvre la balise script comme ceci :

Code:

---

<script type="text/javascript">

---

On ne mets pas ou plus jQuery mais $

La version raccourci pour le document ready est:

Code:

---

$(function()) { }

---

Ceci :

Code:

---

1 2 3 4 5 6

jQuery.ajax ({ type: 'POST' , url: ajaxUrl , data: postData , success: alert("Le dossier a \351t\351 cr\351\351. Les documents seront finalis\351s d'ici quelques minutes.") });

---

Doit être écrit comme ceci:

Code:

---

1 2 3 4 5 6

$.ajax ({ type: 'POST', url: ajaxUrl, data: postData, success: alert("Le dossier a \351t\351 cr\351\351. Les documents seront finalis\351s d'ici quelques minutes.") });

---

Ne mets jamais tes virgules en début de ligne suivante, mais à la fin de la ligne même, ou alors, tu risques de te perdre tôt ou tard

Désolé de ne pouvoir t'aider plus....

Jquery possède des selecteurs très puissants

Code:

---

postData.mainSpec = jQuery('#spec').not('script, .class').html();

---

Bonjour,

Merci pour cette réponse.
Je cherchais effectivement à faire tout cela en une seule ligne, pour finalement me rendre compte que je pouvais facilement faire cela en plusieurs étapes :

Code:

---

1 2 3 4

$('#spec script').remove(); $('#spec textarea').remove(); $('#spec .noprint').remove(); postData.mainSpec = $('#spec').html();

---

La fonction .not() revient-elle à faire un .remove() ?
Je verrai sur le long terme si .remove() doit être remplacé par .empty() (performances ?), mais pour l'instant j'ai le résultat voulu dans des conditions tout à fait acceptables.
Quelle que soit la façon, mon problème est résolu. Merci à vous pour vos conseils et votre aide ! :ccool:

Hello !

La différence entre not et remove, c'est que not est un simple filtre, alors que remove a un effet « réel ». Par exemple, avec le code $("p").not(".truc"), j'obtiens l'ensemble des <p>, sauf ceux qui ont la classe "truc". Mais le code HTML n'a pas été modifié.
Alors que si je fais $("p").remove(".truc"), ça aura pour effet de supprimer tous les <p> qui ont la classe "truc". Et comme toutes les méthodes jQuery renvoient un résultat (pour pouvoir chaîner les appels), tu récupères la liste des <p>, après suppression des "truc".

http://api.jquery.com/not/
http://api.jquery.com/remove/

Quant à empty, il ne s'utilise pas tout à fait de la même façon. Mais je fais confiance à jQuery en ce qui concerne la performance ; en général, il est capable de choisir la façon la plus efficace de procéder, tu n'as pas trop à te soucier de ça ;)

http://api.jquery.com/empty/