Récupérer les balises <li> et les envoyer via $post ?

Bonjour a la communauté ,

voici mon code html

Code:

---

1 2 3 4 5 6 7 8

<div id="visited_container"> <h3 style="display: block;">visited:</h3> <div id="disclaimer" style="display: block;"></div> <ul id="visited"> <li>www.site1.com</li> <li>www.site2.com</li> </ul> </div>

---

je souhaite récupérer le contenu des elements

Code:

---

1 2	<li>www.site1.com</li> <li>www.site2.com</li>

---

voici mon cote javascript (ajax)

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 28 29 30 31 32 33 34 35 36

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js "></script> <script> setTimeout(function() { //timeout start ,wait for all visited site loaded $(document).ready(function(){   $('#visited').ready(function(){     var visited = $("#visited li").val();     $.post('post_receiver.php', {visited:visited}, $(this).serialize(), function(data){     // show the response $('#visited').html(data);   }) .fail(function() {   // just in case posting your form failed alert( "Posting failed." );   });   // to prevent refreshing the whole page page return false;   });     }); }, 5000); //timeout end </script>   <?php var_dump($_POST);?>

---

le output de mon var_dump

Code:

---

array(1) { ["visited"]=> string(1) "0" }

---

avez vous une idée s'il vous plait ?
merci beaucoup

Bonjour,
var visited = $("#visited li").val(); est incorrect, il te faut utiliser text() ou encore html() pour récupérer le contenu des balises.

De plus il te faut boucler sur l'objet jQuery retourné pour récupérer l'ensemble des valeurs, à voir l'exemple de la documenation.

Bonjour NoSmoking et merci beaucoup pour votre reponse

cela fait 3 jours que je bloque la dessus lol

effectivement j'ai fixer le probleme en mettant

Code:

---

var visited = $("#visited li").html();

---

cependant j'obtiens la premiere row

Code:

---

<li>www.site1.com</li>

---

le output

Code:

---

array(1) { ["visited"]=> string(13) "www.site1.com" }

---

voici un exemple du lien que vous m'avez donner https://api.jquery.com/each/#each-function

Code:

---

1 2 3

$( "#visited li" ).each(function( index ) { console.log( index + ": " + $( this ).text() ); });

---

je comprend bien qu'il faut utiliser la fonction "each" par contre j'ai vraiment du mal pour la syntaxe...

j'aimerai qu'il me sort les 2 elements

Code:

---

1 2	<li>www.site1.com</li> <li>www.site1.com</li>

---

avez vous un exemple s'il vous plait ?

merci beaucoup

Cela pourrait être quelque chose comme :

Code:

---

1 2 3 4 5

var data = []; $( "#visited li" ).each(function( index ) { data.push( "visited[]=" + $( this ).text() )); }); param = data.join("&");

---

tu devrais obtenir

Code:

---

visited[]=www.site1.com&visited[]=www.site2.com

---

à traiter côté serveur comme un array.