[JS] Formulaire

Gouketsu · le 19 janvier 2012

Bonjour,

Je n'arrive pas à faire fonctionner ce qui suit :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Document sans titre</title>

<link href="style.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="jquery-1.7.1.min.js"></script>

</head>

<body>

<div id="formulaire">

<form action="">

<input type="text" id="nom" /><br />

<input type="text" id="marque" /><br />

<input type="submit" id="button" />

</form></div>

<button id="test">Test</button>

<div id="resultat"></div>

<script>

$("#test").click(function() {

$("#formulaire").hide(1000);

var nom = $.("#nom");

var marque = $.("#marque");

var data = 'nom=' + nom + '&marque=' + marque;

$.ajax({

type : "POST",

url : "result.php",

data : data,

success: function(server_response){

$("#resultat").html(server_response).show();}

});

});

</script>

</body>

</html>

Et la page result.php:

<?php
include_once('cnx.php');

$nom = $_POST['nom'];

$marque = $_POST['marque'];

$req = $cnx->prepare('INSERT INTO test VALUES ("", :nom, :marque)');

$req->execute(array(

'nom' => $nom,

'marque' => $marque

));

echo "reussi";

?>

Concretement, j'aimerai qu'en cliquant sur le bouton "Test", le formulaire disparaisse et qu'apparaisse ma page "result.php" dans le div #resultat.

Connexion

[JS] Formulaire

Messages recommandés

Gouketsu

Lien vers le commentaire

Partager sur d’autres sites

Archivé

Naviguer

Activité