[PHP/JS]Envoyer contenu d'une cellule via XMLHttpRequest

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [PHP/JS]Envoyer contenu d'une cellule via XMLHttpRequest

furil

Bonjour,

Voilà j'aimerai pouvoir poster le contenu d'une cellule d'un tableau php vers une autre page php, la solution se tournerai vers XMLHttpRequest mais je ne vois pas comment l'utiliser. J'ai un annuaire lorsque que je clique sur une cellule en particulier, le contenu de la cellule sur laquelle on a cliqué est posté puis l'utilisateur va être rediriger vers la page php correspondante(identity.php) qui va utilisé le contenu de cette cellule pour son exécution(l’exécution d'une requête SQL va prendre comme argument le POST effectué) . On a 2 fichiers, annuaire.php et identity.php, je vais mettre les parties de code concernés :

Annuaire.php :
partie JS

Code :

<script type='text/javascript'>
//Creation Objet AJAX pour transmission de données
function getXhr()
{
var xhr = null;
if(window.XMLHttpRequest) //firefox
xhr = new XMLHttpRequest();
else if(window.ActiveXObject)
{
try{
xhr = new ActiveXObject("Msxml2.XMLHTTP" );
} catch (e) {
xhr = new ActiveXObject("Microsoft.XMLHTTP" );
}
}
else{
alert("error" );
xhr = false;
}
return xhr;
}
/* Appel de la methode lors de la selection */
function sendToIdentity()
{
var xhr = getXhr();
//creation d'une fonction qui s'executera à chaque changement d'etat
xhr.onreadystatechange = function()
{
//readyState = Etat de l'objet utilisé exemple 4 => Prêt | status = Code réponse du serveur exemple 200 => OK
if(xhr.readyState == 4 && xhr.status == 200)
{
//reponse retournée par le serveur au format texte
leselect = xhr.responseText;
//creation d'un objet html
document.getElementById('code').innerHTML = leselect;
var code = document.getElementById('code').innerHTML;
}
}
xhr.open("POST","identity.php",true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
//alert(code); //verif que la bonne valeur est stockée
xhr.send(code);
}

Partie PHP :

Code :

while($data=mysql_fetch_assoc($req))
{
echo '<tr align="center">';
echo '<td class="othVar">' . $data['nom'] . '</td>';
echo '<td class="othVar">' . $data['prenom'] . '</td>';
echo '<td class="othVar" id = "code" onclick="sendToIdentity('. $data['code'] .');">' . $data['code'] . '</td>'; //je veux poster $data['code']
}

identity.php ( qui va utiliser la variable qui a été posté ) :

Code :

$requete = ("SELECT code,nom,prenom,activite
FROM personne
WHERE code = ".$_POST['code']."" );

Voilà, j’espère avoir bien expliqué, merci et bonne journée

Publicité

mechkurt

Oula, si tu protèges pas ton $_POST['code'] dans ta requête SQL, tu t'exposes à des piratages...

En moins grave tu a un ID code pour tous tes td, or les id doivent être unique au sein de ta page.

ligne 9 du code php je ferais plutôt un truc du genre :

Code :

echo '<td class="othVar" id = "id_'. $data['code'] .'" onclick="sendToIdentity(this);">' . $data['code'] . '</td>';

et ta fonction JS :

Code :

function sendToIdentity(DOM)
{
var data = DOM.getAttribute('id').split('_')[1];
var xhr = getXhr();
//creation d'une fonction qui s'executera à chaque changement d'etat
xhr.onreadystatechange = function()
{
//readyState = Etat de l'objet utilisé exemple 4 => Prêt | status = Code réponse du serveur exemple 200 => OK
if(xhr.readyState == 4 && xhr.status == 200)
{
//reponse retournée par le serveur au format texte
leselect = xhr.responseText;
//creation d'un objet html
this.innerHTML = leselect;
}
}
xhr.open("POST","identity.php",true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
//alert(code); //verif que la bonne valeur est stockée
xhr.send(data);
}

Vu ton niveau, tu devrais t'orienter vers une bibliotheque javascript (mootools ou jquery) qui te simplifieront énormément la vie, y compris pour la compatibilité entre les navigateurs...

---------------
D3

furil

Salut mechkurt,

Encore merci pour l'aide

Je constate que le POST est bel est bien effectué, pourrais-tu m'éclairer sur la partie de l'ouverture automatique de la page identity lors de l'envoie du POST? Si on utilise window.open() en complément de xhr.send() (...).

Citation :

Oula, si tu protèges pas ton $_POST['code'] dans ta requête SQL, tu t'exposes à des piratages...

Je suppose que tu parle des injections SQL (mysql_real_escape_string()), oui je vais mettre par les suite les contrôles(...) pour le moment je fais le coté fonctionnel

Citation :

Vu ton niveau, tu devrais t'orienter vers une bibliothèque javascript (mootools ou jquery) qui te simplifieront énormément la vie,

Oui, je sais j'apprends sur le tas ^^ mais je cherche à comprendre un maximum de chose et comme je ne touche au JS que depuis 3semaines, j'enchaine des cours et exercices .

Citation :

y compris pour la compatibilité entre les navigateurs...

J'avoue que je cherchais à résoudre le problème sous IE avec les InnerHTML. Je ne savais pas que Jquery avait une méthode adapté déjà toute faite. J'étais partis sur les méthodes DOM lol :pt1cable:

Message édité par furil le 25-07-2013 à 14:01:25

mechkurt

Nan mais si ton but c'est d'ouvrir une nouvelle fenetre, pourquoi faire un Ajax (qui sert à récupérer du contenu pour mettre à jour ta page actuelle sans la recharger) !?

---------------
D3

furil

Arf alors j'ai mal compris le fonctionnement :sweat:

Voilà j'avais utilisé cette même méthode pour faire communiquer plusieurs fichiers PHP entre eux afin d'alimenter des listes déroulantes liées. Je me suis dit que ça reviendrais au même, si cette fois c'était une cellule d'un tableau. C'est juste que je ne voyais pas d'autre solutions pour l'envoie du contenu de la cellule d'un fichier vers un autre vu que ce sont pas des formulaires

mechkurt

Ben tu l'envoi dans l'url /ma-page.php?data=toto(en GET quoi) et tu récupères ta valeur dans PHP avec $_GET['data'] !

[:al zheimer]

---------------
D3

furil

xhr.send(data);
windows.open("identity.php?="+data);

Comme ça, ça devrait fonctionner aussi non? après il y aura plus qu'à adapter le fichier cible lors de la recup de la variable.

Message édité par furil le 25-07-2013 à 14:26:20

mechkurt

Mais encore une fois pourquoi faire du javascript pour faire ce qu'on peut faire avec des liens basique en html ?

window.open ouvrira une pop-up.

window.location.href redirigera la fenêtre...

...tout comme un bête <a href="/monurl">mon lien</a> le ferait !

---------------
D3

furil

je viens de piger, j'ai envie de me tirer une balle ... :pfff:

Je me complique la vie pour rien ... :pfff:

Merci

Message édité par furil le 25-07-2013 à 16:16:01

FORUM HardWare.fr

Programmation

HTML/CSS

[PHP/JS]Envoyer contenu d'une cellule via XMLHttpRequest

Sujets relatifs
Probleme connexion PHP	remplir un tableau HTML avec des variables JS
EMPLOI - Développeur PHP H/F - CDI - Tours	[PHP/JS]Passage de valeurs php vers une fonction JS
VBA Excel 2010: Lancer un fichier .bat / copier TOUT contenu d'1 .xtx	Envoyer des alertes aux ordinateurs d'un réseau local en vba
PHP : AUTO-COMPLETION	[Résolu][PHP]récupérer tous les mercredis d'une période donnée
[VBA] mise à jour automatique d'une cellule
Plus de sujets relatifs à : [PHP/JS]Envoyer contenu d'une cellule via XMLHttpRequest

Page générée en 0.079 secondes