Récupéré données formulaires sans recharger la page Fermé

Question

Bonjour, 

Voici mon probléme: J'ai créé une fonction en javascript permettant de faire tourner un .php sans changer de page, le probléme c'est que je n'arrive pas à envoyer les données du formulaire de la page au .php (seulement les données qui sont dans l'url  de la page passent)>
Je suis débutant en web développement et les notions sont un peu floues encore, malheureusement je n'ai pas trop le temps de me pencher sur les détailles (deadline à respecter).

J'espére que mes expliquations sont claires,

Merci d'avance pour l'aide.

Configuration: Windows 7 / Firefox 31.0

codeurh24 · Answer

Bonjour,

Le fait de recuperer des donnée php sans recharger la page on utilise AJAX

Il y a 2 type de variable a envoyer ou récupérer. La variable GET (url) ou la variable POST qui sont toutes les 2 des tableaux.

Je préféré utilise jQuery que javascript personnellement.
j'ai fait ce tuto javascript il y a longtemps : http://dream3d.informatique.free.fr/index.php/ajax.html

En JQuery c'est plus simple :

$.ajax({
type: "POST",
url: "some.php",
data: { name: "John", location: "Boston" }
})

source : https://api.jquery.com/jQuery.ajax/

Pour le formulaire en JQuery il faut valider le formulaire a l'aide du js :

<form id="target" action="destination.html">
<input type="text" value="Hello there">
<input type="submit" value="Go">
</form>

$( "#target" ).submit(function( event ) {
// ajax a inserer ici
});

pour récupérer les données proprement il faut utiliser json_encode a la fin du php
et si notre tableau php contient des clé comme email, phone ou website
on les récupéres de cette façon:

$.ajax(
{

type: "POST",
dataType: "json",
url: "some.php",
data: { name: "John", location: "Boston" }
success: function( response )
{

$( "input[ name = email ]" ).val( response.email );
$( "input[ name = phone ]" ).val( response.phone );
$( "input[ name = website ]" ).val( response.website );

},
error: function( error )
{

alert( error );

}
source: https://stackoverflow.com/questions/5147522/jquery-ajax-request-of-datatype-json-will-not-retrieve-data-from-php-script

lamouche · Answer

Salut, il faut que tu passe par ajax.
ya un bon tuto ici:
http://fr.openclassrooms.com/informatique/cours/dynamisez-vos-sites-web-avec-javascript/xmlhttprequest-1

Récupéré données formulaires sans recharger la page

2 réponses

Discussions similaires