Fatal编程技术网
  • javascript/
  • Javascript Ajax不向PHP发送数据

Javascript Ajax不向PHP发送数据

javascript php ajax post

Javascript Ajax不向PHP发送数据,javascript,php,ajax,post,Javascript,Php,Ajax,Post,我试图创建我的注册页面，使用Ajax将数据发布到PHP文件，然后PHP文件检查表单的错误并返回一些错误 我的表格 <head> <script type="text/javascript" src="assets/extra/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#submit").click(functio

我试图创建我的注册页面，使用Ajax将数据发布到PHP文件，然后PHP文件检查表单的错误并返回一些错误

我的表格

    <head>
<script type="text/javascript" src="assets/extra/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#submit").click(function(){
var fname=$('#firstname').val();
var lname=$('#lastname').val();
var displayname=$('#displayname').val();
var password=$('#password').val();
var cpassword=$('#cpassword').val();
var email=$('#email').val();
var terms=$('#terms').val();
$.ajax({
type: "POST",
url: "register.php",
data: "firstname="+fname+"&lastname="+lname+"&displayname="+displayname+"&password="+password+"&cpassword="+cpassword+"&email="+email+"&term="+terms ,
success: function(html){
$("#load").css('display','block');
$("#signupform").css('display','none');
$("#box").css('display','none');
$("#loading").fadeOut('500', function(){
$("#loading").css('display','none');
$("#box").html(html).show('slow');
});
}
});
return false;

});
});
</script>
</head>
<style type="text/css">
#loading
{
display:none;
width:500px;
height:500px;
background:url(img/loading.gif) no-repeat;
}
</style>
</head>

 <div id="loading" style="">
</div>
<div id="box">
</div>


                                <div class="form-group">
                                    <label for="firstname" class="col-md-3 control-label">Fistname</label>
                                    <div class="col-md-9">
                                        <input type="text" name="firstname" id="firstname" class="form-control inp" placeholder="Fistname" minlength="3" maxlength="50" value="" required>

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="lastname" class="col-md-3 control-label">Lastname</label>
                                    <div class="col-md-9">
                                        <input type="text" name="lastname" id="lastname" class="form-control inp" placeholder="Lastname" minlength="3" maxlength="50" value="" required>

                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="lastname" class="col-md-3 control-label">Displayname</label>
                                    <div class="col-md-9">
                                        <input type="text" name="displayname" id="displayname" class="form-control inp" placeholder="Displayname" minlength="3" maxlength="50" value="" required>

                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="email" class="col-md-3 control-label">Email</label>
                                    <div class="col-md-9">
                                        <input type="email" name="email" id="email" class="form-control inp" value="" placeholder="Email" required>

                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="password" class="col-md-3 control-label">Password</label>
                                    <div class="col-md-9">
                                        <input type="password" name="password" id="password" class="form-control inp" value="" placeholder="Password" required>

                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="password" class="col-md-3 control-label">Confirm Password</label>
                                    <div class="col-md-9">
                                        <input type="password" name="cpassword" id="cpassword" class="form-control inp" value="" placeholder="Confirm Password" required>

                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="col-sm-offset-3 col-sm-9">
                                        <label><input type="checkbox" name="terms" id="terms" value="yes" checked> Accept<a href="#" target="_blank"> Term</a></label><div id="err_terms" class="err"></div>
                                    </div>
                                </div>
                                <!-- Button --> 
                                <div class="form-group">                                     
                                    <div class="col-md-offset-3 col-md-9">
                                        <button id="btn-signup" type="submit" class="btn btn-info signup-bt" id="submit" name="submit"> &nbsp <i class="fa fa-user-plus"></i>  Register</button>

                                    </div>
                                </div> 
                            </form>


$（文档）.ready（函数（）{
$（“#提交”）。单击（函数（）{
var fname=$（'#firstname'）.val（）；
var lname=$（'#lastname'）.val（）；
var displayname=$（'#displayname'）.val（）；
var password=$（'#password'）.val（）；
var cpassword=$（'#cpassword'）.val（）；
var email=$（'#email'）.val（）；
var terms=$（'#terms'）.val（）；
$.ajax({
类型：“POST”，
url:“register.php”，
数据：“firstname=“+fname+”&lastname=“+lname+”&displayname=“+displayname+”&password=“+password+”&cpassword=“+cpassword+”&email=“+email+”&term=“+terms，
成功：函数（html）{
$（“#加载”）.css（'display'，'block'）；
$（“#signupform”）.css（'display'，'none'）；
$（“#框”）.css（'display'，'none'）；
$（“#加载”）.fadeOut（'500'，function（）{
$（“#加载”）.css（'display'，'none'）；
$（“#box”）.html（html）.show（'slow'）；
});
}
});
返回false；
});
});
#装载
{
显示：无；
宽度：500px；
高度：500px；
背景：url（img/loading.gif）不重复；
}
拳名
姓氏
显示名
电子邮件
密码
确认密码
接受
&登记簿
这是我的PHP

if(isset($_POST['fistname']) && isset($_POST['lastname']) && isset($_POST['email']) && isset($_POST['displayname'])) {
$fname = mysql_real_escape_string($_POST['firstname']);
$lname = mysql_real_escape_string($_POST['lastname']);
$email = mysql_real_escape_string($_POST['email']);
$password = mysql_real_escape_string($_POST['password']);
$cpassword = mysql_real_escape_string($_POST['cpassword']);
$displayname = mysql_real_escape_string($_POST['displayname']);
$checkemail = mysql_query("SELECT `email` FROM `users` WHERE email='$email'");
$checkname = mysql_query("SELECT `displayname` FROM `users` WHERE displayname='$displayname'");
if(mysql_num_rows($checkemail) != 0){
  echo '<span class="message error">Something</span>';
}
if(mysql_num_rows($checkname) != 0){
echo '<span class="message error">Something</span>'; 
}
if($terms!="yes"){
 echo '<span class="message error">Something</span>'; 
}
if($password!=$cpassword){
  echo '<span class="message error">Something</span>';
}
if($displayname==""){
echo '<span class="message error">Something</span>'; 
}
if($password==""){
echo '<span class="message error">Something</span>';
}
if(!eregi("^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$", $email)){
echo '<span class="message error">Something</span>';
}
if($terms != "yes"){ 
echo '<span class="message error">Something</span>';
}
else{
// QUERY
}
}

if（isset（$\u POST['fistname']）和&isset（$\u POST['lastname']）和&isset（$\u POST['email']）和&isset（$\u POST['displayname']））{
$fname=mysql\u real\u escape\u字符串（$\u POST['firstname']）；
$lname=mysql\u real\u escape\u字符串（$\u POST['lastname']）；
$email=mysql\u real\u escape\u字符串（$\u POST['email']）；
$password=mysql\u real\u escape\u字符串（$\u POST['password']）；
$cpassword=mysql\u real\u escape\u字符串（$\u POST['cpassword']）；
$displayname=mysql\u real\u escape\u字符串（$\u POST['displayname']）；
$checkemail=mysql_查询（“从`users`中选择`email`，其中email='$email'”）；
$checkname=mysql_查询（“从`users`中选择`displayname`，其中displayname='$displayname'”）；
如果（mysql_num_rows（$checkemail）！=0）{
呼应‘某物’；
}
if（mysql\u num\u行（$checkname）！=0）{
呼应‘某物’；
}
如果（$terms！=“yes”）{
呼应‘某物’；
}
如果（$password！=$cpassword）{
呼应‘某物’；
}
如果（$displayname==“”）{
呼应‘某物’；
}
如果（$password==“”）{
呼应‘某物’；
}
如果（！eregi（^[[U a-z0-9-]+（\.[U a-z0-9-]+）*@[a-z0-9-]+（\.[a-z0-9-]+）*（\.[a-z]{2,3}）$，$email））{
呼应‘某物’；
}
如果（$terms！=“yes”）{
呼应‘某物’；
}
否则{
//质疑
}
}
当我单击Submit并尝试检查HTTP头时，它不会将数据发送到register.php 所以我怎样才能修好它？
谢谢

由于缺少更好的描述，浏览器“混乱”了，请将您的按钮类型从
submit
更改为
button
，这样它就不会尝试提交：

<button id="btn-signup" type="button" class="btn btn-info signup-bt" id="submit" name="submit"> &nbsp <i class="fa fa-user-plus"></i>  Register</button>
这里有一个输入错误：

if(isset($_POST['fistname']) && ...
应该是“firstname”。

让一些清晰的代码看起来不凌乱怎么样？首先尝试自己检测错误。在浏览器中查看开发人员的控制台。在“网络”选项卡中获取输出，然后首先尝试自己解决问题。正如你所说的，检查你的JS。首先，你的JS中一定有错误！您似乎缺少一个开始表单标签。请。已在PHP7中删除。了解使用PDO的语句，并考虑使用PDO，它仍然没有向RealStest.PHP发送数据。 
if(isset($_POST['fistname']) && ...