Question

通常可以正常工作，但在尝试ajax插入时不起作用。

这是我的表单（html中没有表单操作）：

name: <input type="text" name="name" id="name">
<input type="submit" name="submit" value="add" id="submit">

这是add.php文件代码

require_once('conn.php');
$name = $_POST['name'];
$query = mysql_query("insert into toy(name) values('$name')");
if ($query) {
    echo "Data inserted";
}else{
    echo mysql_error();
}

这是javascript代码

$(document).ready(function() {
$('#submit').click(function(){
    $.ajax({
    url: "add.php",
    type: "POST",
    data: {
        name: $("#name").val()
    },
    success: function(data){
          alert("Data Save: " + data);
     }
});
});

}）;

提前感谢您的建议。

Answer 1

您需要阻止默认表单提交：

$('#submit').click(function(e){
   e.preventDefault()
   // do your ajax

});

PHP JQuery Ajax插入不起作用

1 个答案: