使用jquery将数据插入mysql时出错答案

【问题标题】：ERROR while insert data to mysql using jquery使用jquery将数据插入mysql时出错
【发布时间】：2018-08-04 12:49:18
【问题描述】：

我是 jquery 的新手，在使用 jquery 将数据插入 mysql 数据库时遇到了一些麻烦。这是我的html文件

<!DOCTYPE html>
<html>
<head>
<title>
staff registration
</title>
<body>
<form>
Staff Id:<input type="text" id="staffid"><br>
Password:<input type="password" id="password1"><br>
Re-enter Password:<input type="password" id="password2"><br>
Email:<input type="email"   id="email"><br>
Gender:<input type="text" id="gender"><br>
Qualification:<input type="text" id="qualification"><br>
Course 1:<input type="text" id="course1"><br>
Course 2:<input type="text" id="course2"><br>
Course 3:<input type="text" id="course3"><br><br>
<input type="submit" id="submit" value="CREATE">
</form>
<script src="jquery.min.js"></script>
<script>
$("#submit").click(function(){
 var staffid=$("#staffid").val();
 var password1=$("#password1").val();
 var password2=$("#password2").val();
 var email=$("#email").val();
 var gender=$("#gender").val();
 var qualification=$("#qualification").val();
 var course1=$("#course1").val();
 var course2=$("#course2").val();
 var course3=$("#course3").val();
 $.post("insert.php",{si:staffid,pwd1:password1,pwd2:password2,
 email:eml,gender:gen,qualification:qal,course1:c1,course2:c2,course3:c3},
 function(data){
     alert(data);
 }); 
});
</script>
</body>
</html>

这是我的名为 insert.php 的 php 文件

<?php
 $con=new mysqli("localhost","root","","flash");
    $si=$_POST['si'];
    $pwd1=$_POST['pwd1'];
    $pwd2=$_POST['pwd2'];
    $eml=$_POST['eml'];
    $gen=$_POST['gen'];
    $qal=$_POST['qal'];
    $c1=$_POST['c1'];
    $c2=$_POST['c2'];
    $c3=$_POST['c3'];
    $sql="INSERT INTO staff(staff_id,password,email_id,gender,qualification,course_1,course_2,course_3) VALUES('$si','$pwd2','$eml','$gen','$qal','$c1','$c2','$c3')";
    $con->query($sql);

?>

点击提交按钮时什么都不会发生

请任何人帮我解决这个问题

【问题讨论】：

标签： php jquery html debugging mysqli

【解决方案1】：

尝试使用非超薄版本，可在此处获取http://jquery.com/download/，例如：

https://code.jquery.com/jquery-3.3.1.min.js

另外你在为帖子制作 json 时遇到了问题，这是修正后的版本

<!DOCTYPE html>
<html>
<head>
<title>
staff registration
</title>
<body>
<form>
Staff Id:<input type="text" id="staffid"><br>
Password:<input type="password" id="password1"><br>
Re-enter Password:<input type="password" id="password2"><br>
Email:<input type="email"   id="email"><br>
Gender:<input type="text" id="gender"><br>
Qualification:<input type="text" id="qualification"><br>
Course 1:<input type="text" id="course1"><br>
Course 2:<input type="text" id="course2"><br>
Course 3:<input type="text" id="course3"><br><br>
<input type="submit" id="submit" value="CREATE">
</form>
<script
  src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$("#submit").click(function(){
 var staffid=$("#staffid").val();
 var password1=$("#password1").val();
 var password2=$("#password2").val();
 var email=$("#email").val();
 var gender=$("#gender").val();
 var qualification=$("#qualification").val();
 var course1=$("#course1").val();
 var course2=$("#course2").val();
 var course3=$("#course3").val();
 $.post("insert.php",{si:staffid,pwd1:password1,pwd2:password2,
 eml:email,gen:gender,qal:qualification,c1:course1,c2:course2,c3:course3},
 function(data){
     alert(data);
 }); 
});</script>
</body>
</html>

【讨论】：

对不起，没有变化
奇怪... 上面说的jQuery和json格式你改了吗？
你检查过你的数据库连接了吗？
我无法理解 json 格式有什么问题，两者看起来都很相似
它们看起来很相似，但实际上并不相似。您放错了键和值。使用diffchecker.com查看差异