[AJAX] debutant en ajax et je veux rafrechir ma page avec un script
je travail avec Php
Voila j ai un formulaire pour inserer des données dans 4 tables de ma base de donnees et j'ai pour chaque table un submit
chaque submit provoque le rechargement de toute la page malgré propre a une table
alors apparement la solution d apres mes recherches sur le net c Ajax
et comme je suis debutant en ajax j arrive pas modifier les codes que j ai trouver pour trouver la solution
voila mon code :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
| <html>
<head>
<title>Tutoriel Ajax (XHTML + JavaScript + XML)</title>
<script type='text/JavaScript'>
function getXhr(){
var xhr = null;
if(window.XMLHttpRequest) // Firefox et autres
xhr = new XMLHttpRequest();
else if(window.ActiveXObject){ // Internet Explorer
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
}
else { // XMLHttpRequest non supporté par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
xhr = false;
}
return xhr
}
/**
* Méthode qui sera appelée sur le click du bouton
*/
function go(){
var xhr = getXhr();
// On défini ce qu'on va faire quand on aura la réponse
xhr.onreadystatechange = function(){
// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
if(xhr.readyState == 4 && xhr.status == 200){
leselect = xhr.responseText;
// On se sert de innerHTML pour rajouter les options a la liste
document.getElementByName('methode').innerHTML = leselect;
}
}
// Ici on va voir comment faire du post
xhr.open("POST","ajoutermethode.php",true);
// ne pas oublier ça pour le post
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
// ne pas oublier de poster les arguments
sel = document.getElementByName('methode');
idmethode = sel.text['idmethode'].value;
nom = sel.text['nom'].value;
description = sel.text['description'].value;
lien = sel.text['lien'].value;
xhr.send("idmethode="+idmethode&"nom="+nom&"description="+description&"lien="+lien);
</script>
</head>
<body>
<h2>Veuillez saisir les données de la méthode :</h2>
<form name="form1" method="post" action="methode.php">
<fieldset>
Entrez l'identificateur de la méthode : <input type="text" name="idmethode"/> <br/>
Entrez le nom de la méthode : <input type="text" name="nom"/> <br/>
Entrez la description de la methode : <input type="text" name="description"/><br/>
Entrez le lien vers la methode : <input type="text" name="lien"/><br/>
<?php
if (isset ($_POST['valider'])){
//On récupère les valeurs entrées par l'utilisateur :
$idmethode=$_POST['idmethode'];
$nom=$_POST['nom'];
$description=$_POST['description'];
$lien=$_POST['lien'];
//On se connecte
//connectMaBase();
// information pour la connection à le DB
$host = 'localhost';
$user = 'root';
$pass = '';
$db = 'assvisual';
// connection à la DB
$link = mysql_connect ($host,$user,$pass) or die ('Erreur : '.mysql_error() );
mysql_select_db($db) or die ('Erreur :'.mysql_error());
//On prépare la commande sql d'insertion
$sql = 'INSERT INTO methode VALUES("'.$idmethode.'","'.$nom.'","'.$description.'","'.$lien.'")';
/*on lance la commande (mysql_query) et au cas où,
on rédige un petit message d'erreur si la requête ne passe pas (or die)
(Message qui intègrera les causes d'erreur sql)*/
mysql_query ($sql) or die ('Erreur SQL !'.$sql.'<br />'.mysql_error());
// on ferme la connexion
mysql_close();
}
?>
<?
$link = mysql_connect ("localhost","root","") or die ('Erreur : '.mysql_error() );
mysql_select_db("assvisual") or die ('Erreur :'.mysql_error());
// requête SQL qui compte le nombre total d'enregistrements dans la table et qui
//récupère tous les enregistrements
$select = 'SELECT idmethode,nom,description,lien FROM methode';
$result = mysql_query($select,$link) or die ('Erreur : '.mysql_error() );
$total = mysql_num_rows($result);
// si on a récupéré un résultat on l'affiche.
if($total) {
// début du tableau
echo '<table bgcolor="#FFFFFF">'."\n";
// première ligne on affiche les titres prénom et surnom dans 2 colonnes
echo '<tr>';
echo '<td bgcolor="#669999"><b><u>idmethode</u></b></td>';
echo '<td bgcolor="#669999"><b><u>nom</u></b></td>';
echo '<td bgcolor="#669999"><b><u>description</u></b></td>';
echo '<td bgcolor="#669999"><b><u>lien</u></b></td>';
echo '</tr>'."\n";
// lecture et affichage des résultats sur 2 colonnes, 1 résultat par ligne.
while($row = mysql_fetch_array($result)) {
echo '<tr>';
echo '<td bgcolor="#CCCCCC">'.$row['idmethode'].'</td>';
echo '<td bgcolor="#CCCCCC">'.$row['nom'].'</td>';
echo '<td bgcolor="#CCCCCC">'.$row['description'].'</td>';
echo '<td bgcolor="#CCCCCC">'.$row['lien'].'</td>';
echo '</tr>'."\n";
}
echo '</table>'."\n";
// fin du tableau.
}
else echo 'Pas d\'enregistrements dans cette table...';
// on libère le résultat
mysql_free_result($result);
?>
<input type='button' name='valider' onClick='go()' />
</body>
</html> |
Aider moi Rafrechissement php+ajax
es ce que il y a une maniere pour adapter le script ajax pour recuperer des données a partir de champs texte
je travail avec Php+mysql
