PHP的JQuery Ajax插入不工作

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 

});