PHP JQuery Ajax插入不工作


PHP JQuery Ajax insert not working

正常工作,但当尝试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);
     }
});
});

});

提前感谢您的建议

你需要阻止默认表单提交:

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