将表单数据添加到mysql数据库PHP和AJAX

我想要一个表单，可以让我添加名称到我的数据库，而无需刷新窗体。我一直在努力，但似乎并不奏效。我很新，所以任何帮助表示赞赏。将表单数据添加到mysql数据库PHP和AJAX

对于我的index.html我有：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"> 
</script> 
<script type="text/javascript" > 
$(function() { 
$(".submit").click(function() { 
var name = $("#firstname").val(); 
var username = $("#lastname").val(); 

var dataString = 'firstname='+ firstname + 'lastname=' + lastname 

if(firstname=='' || lastname=='') 
{ 
$('.success').fadeOut(200).hide(); 
$('.error').fadeOut(200).show(); 
} 
else 
{ 
$.ajax({ 
type: "POST", 
url: "join.php", 
data: dataString, 
success: function(){ 
$('.success').fadeIn(200).show(); 
$('.error').fadeOut(200).hide(); 
} 
}); 
} 
return false; 
}); 
}); 
</script> 



<body> 

<form method="post" name="form"> 
<ul><li> 
<input id="firstname" name="firstname" type="text" /> 
</li><li> 
<input id="lastname" name="lastname" type="text" /> 


</li></ul> 
<div > 
<input type="submit" value="Submit" class="submit"/> 
<span class="error" style="display:none"> Please Enter Valid Data</span> 
<span class="success" style="display:none"> Registration Successfully</span> 
</div></form>

对于join.php：

<?php 
include("db.php"); 

if($_POST) 
{ 
$firstname=$_POST['firstname']; 
$lastname=$_POST['username']; 
mysql_query("INSERT INTO persons (firstname,lastname) VALUES('$firstname','$lastname')"); 
} 

?>

和db.php中：

<?php 
$mysql_hostname = "localhost"; 
$mysql_user = "root"; 
$mysql_password = ""; 
$mysql_database = "test"; 
$bd = mysql_connect($mysql_hostname, $mysql_user, $mysql_password) or die("Could not connect database"); 
mysql_select_db($mysql_database, $bd) or die("Could not select database"); 
?>

来源

2013-06-05 hmmm

你得到按钮的点击什么反应 –

出现错误代码，您已编码

var name = $("#firstname").val(); 
    var username = $("#lastname").val(); 
    var dataString = 'firstname='+ firstname + 'lastname=' + lastname

您必须使用变量姓名和用户名dataString但您已写下姓名的字段的编号。改变任何变量名或dataString使用的变量

修正路线是：

var dataString = 'firstname='+ name + 'lastname=' + username

而且

$lastname=$_POST['username']; => $lastname=$_POST['lastname'];

来源

2013-06-05 09:25:09

将表单数据添加到mysql数据库PHP和AJAX

回答

相关问题