Ajax.updater et récupération de valeurs depuis un formulaire
Bonjour à tous,
Je travaille actuellement avec prototype sur un projet scolaire, et j'aurais bien besoin de votre aide.
J'ai une page qui contient un formulaire basique avec deux champs texte, qui permet à l'utilisateur d'entrer un ID et une clé API, que je voudrais faire transiter via la fonction Ajax.Updater afin que le script php qui agit derrière puisse s'en servir pour afficher des données.
Voilà le code de mon formulaire :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| <form id="addapiform" action="index.php?a=addapi" method="POST">
<table>
<tr>
<td>EVE API User ID : </td>
<td><input type="text" name="eveapi_id" id="eveapi_id"></td>
</tr>
<tr>
<td>EVE API Key : </td>
<td><input type="password" name="eveapi_key" id="eveapi_key"></td>
</tr>
<tr>
<td><input type="button" onclick="getcharacters()" value="Get Characters list"></td>
</tr>
</table>
<div id="characters"></div>
</form> |
Et le code javascript qui devrait théoriquement mettre à jour le div "characters" avec les données que retournera le script php :
Code:
1
2
3
4
5
6
7
8
9
10
11
| function getcharacters(){
var eveapi_id = $F("eveapi_id");
var eveapi_key = $F("eveapi_key");
new Ajax.Updater("characters","includes/getcharacters.php",{
method:"post",
parameters:{
userID="eveapi_id"
apiKey="eveapi_key"
}
})
} |
Pourtant, rien ne se passe, le div n'est pas mis à jour. J'ai testé le script php en solo en lui transmettant les infos requises et il me retourne bien les infos voulues, ce qui veut dire que le problème doit sans doute se trouver dans mon code javascript.
Auriez-vous une idée de ce qui coince?
Merci d'avance.
