PHP JQuery Ajax插入不起作用 [英] PHP JQuery Ajax insert not working

问题描述

通常可以使用，但是在尝试插入ajax时不起作用.

Normally works but when trying for ajax insert does not work.

这是我的表单(HTML中没有表单操作):

Here is my form(no form action in html):

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

这是add.php文件代码

Here is the add.php file code

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代码

And here is the javascript code

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

});

预先感谢您的建议.

推荐答案

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

You need to prevent default form submit:

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

});

这篇关于PHP JQuery Ajax插入不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！