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

Fermé

Joker42 - 31 juil. 2014 à 12:12
lamouche - 31 juil. 2014 à 23:10

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.

A voir également:

Formulaire ajax sans rechargement
Récupérer compte outlook sans formulaire - Forum Hotmail / Outlook.com
Récupérer compte hotmail sans formulaire ✓ - Forum Hotmail / Outlook.com
Compte hotmail bloqué ✓ - Forum Hotmail / Outlook.com
Formulaire de contact le bon coin introuvable ✓ - Forum Réseaux sociaux
Formulaire de réclamation facebook - Guide

2 réponses

Réponse 1 / 2

lamouche
31 juil. 2014 à 23:10

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éponse 2 / 2

codeurh24 Messages postés 761 Date d'inscription samedi 29 mars 2014 Statut Membre Dernière intervention 8 septembre 2018 123
Modifié par codeurh24 le 31/07/2014 à 13:02

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

Discussions similaires

recharger free mobile

recharger un telephonne free

impossible de joindre le 952 pour recharger.

rechargement par carte bancaire

SFR La Carte : rechargement de crédits :

rechargement bloqué par coupon sur sfr !!!!!!

Discussions similaires

Newsletters