bonjour, juste pour dire que j'ai trouvé la solution du problème ...

[code]var visited = $("#visited").val();[/code]

en

[code]var visited = $("#visited").text();[/code]

3 jours de prises de tête pour une connerie comme celle-là :)

merci pour votre aide en tout cas

Alors je viens de trouver que je ne cherchais pas le bon element,
j'ai découvert que les elements qui s'affichent dans
[code]<ul id="visited"></ul>[/code] sont des balises <li>
(j'avance pas a pas ..)

ce qui fait

<ul id="visited">
<li>http://www.site1.com</li>
<li>http://www.site2.com</li>
<li>http://www.site3.com</li>
</ul>

je remet la partie du code html
[code]<div id="content">
<div id="visited_container">
<h3>visited:</h3>
<div id="disclaimer"></div>
<ul id="visited"></ul>
</div>
<div id="not_visited_container">
<h3>site checked visited</h3>
<ul id="not_visited"></ul>
</div>
</div>[/code]


re voici mon script ....
j'ai lu beaucoup d'exemples sur stackoverflow et autres et apparement si j'ai bien compris il est possible de sélectionner un element [b]li [/b]a l'interieur d'une balise [b]ul[/b] qui a l'[b]id=visited[/b]

j'ai essayer ceci mais ca ne fonctionne toujours pas...
[code]$("#visited li")[/code]

ca fait 2 jours que je retourne le code dans tout les sens...lol

[code]
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js "></script>
<script>
setTimeout(function() {
$(document).ready(function(){

$('#content ul').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>[/code]

comment doit je faire pour recuperer les <li> s'il vous plait

car pour l'instant avec ce code voici le output de la console

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

encore un grand merci , et desoler pour la pagaille ...

off

merci pour le var_dump @rthur ,
J'ai oublier de preciser que je ne vois pas de output dans les array de la ligne post_receiver.php sur la console, le fichier php est bien loader mais les paramètres ne sont pas passés

[code]array(0) {
}[/code]

par contre bizarrement , lorsque je remplace la ligne
[code] $.post('post_receiver.php', {visited:visited,not_visited:not_visited}, $(this).serialize(), function(data){[/code]

par des paramètres "predefini"

[code]$.post('post_receiver.php', { user_id: "143", username: "ninjazhai", website: "https://codeofaninja.com/" }, function(data){[/code]

les paramètres sont bien passés

[code]array(3) {
["user_id"]=>
string(3) "143"
["username"]=>
string(9) "ninjazhai"
["website"]=>
string(25) "https://codeofaninja.com/"
}[/code]


j'en déduis que les paramètres ne sont pas lu bien que j'ai renseigner <div id="visited"> comme endroit a extraire

Dans la console réseau de ton navigateur si tu cliques sur la ligne post_receiver.php, il va t'afficher à droites les paramètres qui sont passés, donc vérifie que tu as bien les données voulues.

Tu peux remplacer ton echo "<pre>"; print_r($_POST...
par var_dump($_POST); c'est mieux pour debuguer.


Et enfin, que ce soit en utilisant $.post() ou un formulaire en POST ça revient _exactement_ au même au niveau du PHP qui reçoit la donnée

Bonjour ,alors je me suis rendu compte qu'il y avait des erreurs de syntaxe , comme par exemple un ")" manquant empêchant le script de se lancer et envoyer le $.post dans browseroutput.php , cela dit maintenant bien que le browseroutput.php se lance , cela ne fonctionne pas encore


[code]<div><button>Test</button></div>

<div id="content">
<div id="visited_container">
<h3>visited:</h3>
<div id="disclaimer"></div>
<ul id="visited"></ul>
</div>
<div id="not_visited_container">
<h3>Sites checked so far:</h3>
<ul id="not_visited"></ul>
</div>
</div>
[/code]

[code]<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js "></script>
<script>

$('#content').ready(function(){

var visited = $('#visited').val();
var not_visited = $('#not_visited').val();
$.post('post_receiver.php', {visited:visited,not_visited:not_visited}, $(this).serialize(), function(data){

// show the response of visited ul id
$('#visited').html(data);

}).fail(function() {
alert( "Posting failed." );
});

return false;

});
</script>[/code]

[img]https://i.snag.gy/NmsRCf.jpg[/img]

j'ai ajouter en bas de ma page ceci pour voir les requêtes POST

[code]<?php
echo "<pre>";
print_r($_POST);
echo "</pre>";
?>[/code]

mais rien ne sort ,étrange :) je ne suis pas loin ....

j'ai un peut de mal a comprendre car le probleme c'est que les exemples sur la toile reprennent souvent une recuperation de form (submit) donc ce n'est pas pareil :)

merci beaucoup

Et donc ? Que dis la console de développement ?

voici la partie de mon index.html

[code]
<div id="content">
<div><button>Test</button></div>
<div id="visited_container">
<h3 style='display:none;'>visited:</h3>
<div id='disclaimer'>Wait..</div>
<ul id="visited">
</ul>
</div>
<div id="not_visited_container">
<h3>checked so far:</h3>
<ul id="not_visited">
</ul>
</div>

</div>[/code]

apres avoir lu https://api.jquery.com/jquery.post/
voici un code qui pourrai fonctionner .....

[code]<script type="text/javascript">
var visited = $('#visited').val();
var not_visited = $('#not_visited').val();
$.post ('browseroutput.php',{postvisited:visited,postnotvisited:not_visited};
</script>[/code]

mais il n y a pas de formulaire via POST a récupérer dans mon index.html....

le script se lance tout seul
[code]http://www.exemple.com/index.html#start[/code] (via le button)
est tout se déploie automatiquement

je cherche a exporter le resultat de ces 2 ID dans browseroutput.php avec l'ajax

[code]
<ul id="visited">
<ul id="not_visited">
[/code]

merci beaucoup

Merci pour votre réponse @rthur , il manque la partie de mon outil que je n'ai pas poster , (index.html) et je viens de voir qu'il contient les id pour chaque output ..
je me suis rendu compte que la partie JS que j'ai poster sur le forum n'est pas le bon endroit pour récupérer ces 2 variables...
le boulet ...

Bonjour,

Tu as 2 parties dans ton appli :
1) l'envoi des données en javascript
2) la réception (et le traitement) dans un script PHP

Pour valider le 1), il faut que tu ouvres la console de développement de ton navigateur (Ctrl+Maj+i sur Firefox ou Chrome) que tu ailles dans l'onglet réseau/network, et ensuite que tu regardes si l'envoi des données se fait bien et avec les bons paramètres en cliquant sur la ligne où il y a le nom de ton fichier appelé.
Voici la doc de Jquery $.post que tu utilises, inspires toi des exemples si tu as un problème :
https://api.jquery.com/jquery.post/


Ensuite une fois que cette première partie est validée, tu pourras t'attaquer à ton script PHP pour le traitement.
Tu as un tuto ici qui est assez bien fait :
https://openclassrooms.com/fr/courses/918836-concevez-votre-site-web-avec-php-et-mysql/913099-transmettre-des-donnees-avec-les-formulaires
Un formulaire en POST c'est la même chose que ton appel $.post()

Bonjour a la communaute ,

j'ai une fonction en javascript et j'aimerai récupérer le output de ces 2 elements

[code]
visitedElem
notVisitedElem
[/code]

dans 2 variable php ,
browseroutput.php

[code]
$visited = $_POST['visitedElem'];
$notvisited = $_POST['notVisitedElem'];
[/code]

voici la function javascript

[code]function test () {
const button = document.querySelector('button')
const visitedElem = document.getElementById('visited')
const notVisitedElem = document.getElementById('not_visited')
button.onclick = () => {
window.location.hash = '#start'
window.location.reload(true)
}

document.querySelectorAll('h3').forEach((node) => {
node.style.display = 'block'
})
document.getElementById('disclaimer').style.display = 'block'
window.performance.setResourceTimingBufferSize(1000)
window.HOSTS.forEach(function (url, i) {
window.fetch(url, {mode: 'no-cors'}).then(() => {

display(url, notVisitedElem)
}).catch(() => {
display(url, notVisitedElem)
})
})
const intervalId = setInterval(() => {
const timings = window.performance.getEntriesByType('resource')
timings.forEach((timing) => {
let url = timing.name
if (url.includes(':443') && !visited[url]) {
display(url, visitedElem)
visited[url] = true
}
})
}, 666)
setTimeout(() => {
console.log('timing out')
clearInterval(intervalId)
}, 300000)
}[/code]



je voudrai ajouter ce genre de code afin d'exporter le output dans 2 php variables
mais comme je suis debutant ...évidement ca ne fonctionne pas :)


[code]$.post ('browseroutput.php',(visitedElem[],notVisitedElem[]));[/code]

pourriez vous me donner une direction svp ?

merci beaucoup