我正在使用Ajax和PHP將從輸入中取得的值插入到phpmyadmin中的表中。我正在與營地合作,但我在獲得輸入的價值方面遇到問題。Ajax/PHP:更新數據庫
這裏是我的HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>inscription client</title>
<script >
function test() {
r=document.getElementById('1');
if (r.value.length !==9)
document.getElementById('demo').innerHTML="verifer le mot de passe";
else document.getElementById('demo').innerHTML="";
}
//////////////////////////////////////////
function ajouter()
{
var cin=document.getElementById("cin").value;
var nom=document.getElementById("nom").value;
var mot_de_passe=document.getElementById("mot_de_passe").value;
var xmlhttp = new XMLHttpRequest();
var url = "http://localhost/amir/inscrireClient.php?cin="+cin+"&nom="+nom+"&mot_de_passe="+mot_de_passe;
xmlhttp.onreadystatechange=function() {
if (this.readyState == 4 && this.status == 200)
{
if(this.responseText =="ok")
{
document.getElementById("2").innerHTML ="it woeks !";
document.getElementById("2").style.backgroundColor="green";
}
else{
document.getElementById("2").innerHTML="no";
document.getElementById("2").style.backgroundColor="red";
}
};
xmlhttp.open("GET", url, true);
xmlhttp.send();
}
</script>
</head>
<body>
<input id ="cin" type="number" name="cin" value="123654789" onblur="test()" required >
<p style="color: red" id="demo"></p>
<input type="text" id="nom" name="nom" value="aaa" placeholder="donner votre nom" > <br> <br>
<input type="password" id="mot_de_passe" name="mot_de_passe" value="aaa" placeholder="donner votre mot de passe" required=> <br> <br>
<button type="submit" onclick="ajouter()">s'inscrire </button>
<p id="2" ></p>
</body>
</html>
而這個PHP文件:
<?php
include 'param.php';
header("Access-Control-Allow-Origin: *");
$cin=$_GET['cin'];
$nom=$_GET['nom'];
$mot_de_passe=$_GET['mot_de_passe'];
try
{
$bdd = new PDO('mysql:host='.$server.';dbname='.$database.';charset=utf8', $user, $passwd);
$bdd->exec("SET CHARACTER SET utf8");
}
catch(Exception $e)
{
die('Erreur : '.$e->getMessage());
}
$reponse = $bdd->exec("insert into client(cin,nom,mot_de_passe) values ($cin,'$nom','$mot_de_passe')");
if ($reponse->rowCount()>0)
echo "ok";
else echo "non";
?>
它不會改變數據庫中:
你沒有輸入元素與'id':var cin = document.getElementById(「cin」)。value;'。您已設置'名稱'而不是'ID' – Jeff
而且您在查詢文本中有語法錯誤。 –
我改了id但它仍然不起作用 –