PHP JQuery Ajax插入不起作用 [英] PHP JQuery Ajax insert not working
本文介绍了PHP JQuery Ajax插入不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
通常可以使用,但是在尝试插入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屋!
查看全文