PHP JQuery Ajax插入不起作用

时间:2015-10-05 20:50:16

标签: php jquery ajax

通常可以正常工作,但在尝试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);
     }
});
});

});

提前感谢您的建议。

1 个答案:

答案 0 :(得分:1)

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

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

});