mysql HTML字段不会通过AJAX发布到PHP

pxy2qtax  于 2023-11-16  发布在  Mysql
关注(0)|答案(2)|浏览(138)

我开始为我的应用程序使用PHP登录脚本的基本启动，从here克隆。当试图在注册页面上添加元素时，signup.php数据在经过AJAX处理后不会传递给PHP。我非常熟悉PHP，AJAX是一个不同的故事-我是一个新手。
我添加了一个POST解析器来输出到主注册页面，看看PHP接收到了什么。除了我添加的那个，所有其他输入都被接收到了。如错误所示：
第一个月
x1c 0d1x的数据
正如你在这里看到的，POST结果显示在弹出窗口的下面，我想看看POST到PHP user.php的是什么。很明显，我添加的name元素没有被路由到正确的PHP文件。当然，PHP显示的错误解释说，由于它没有被POST，所以找不到name。

signup.php，添加的行是<input name="name" id="name" type="text" class="form-control" placeholder="John Smith" autofocus>。在文件的最后我添加了一个验证，以确保表单在发布到signup.js之前已经填写完毕。我不相信这个问题是在这个php文件上。

  1. if (isset($_SESSION['username'])) {
  2.       session_start();
  3.       session_destroy();
  4.   }
  6. ?>
  7. <!DOCTYPE html>
  8. <html lang="en">
  9.   <head>
  10.     <meta charset="utf-8">
  11.     <title>Signup</title>
  12.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  13.     <!-- Bootstrap -->
  14.     <link href="../css/bootstrap.css" rel="stylesheet" media="screen">
  15.     <link href="../css/main.css" rel="stylesheet" media="screen">
  16.   </head>
  18.   <body>
  19.     <div class="container">
  21.       <form class="form-signup" id="usersignup" name="usersignup" method="post" action="createuser.php">
  22.         <h2 class="form-signup-heading">Register</h2>
  23.         <input name="newuser" id="newuser" type="text" class="form-control" placeholder="Username" autofocus>
  24.     <input name="name" id="name" type="text" class="form-control" placeholder="John Smith" autofocus>
  25.         <input name="email" id="email" type="text" class="form-control" placeholder="Email">
  26. <br>
  27.         <input name="password1" id="password1" type="password" class="form-control" placeholder="Password">
  28.         <input name="password2" id="password2" type="password" class="form-control" placeholder="Repeat Password">
  30.         <button name="Submit" id="submit" class="btn btn-lg btn-primary btn-block" type="submit">Sign up</button>
  32.         <div id="message"></div>
  33.       </form>
  35.     </div> <!-- /container -->
  37.     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  38.     <script src="//code.jquery.com/jquery.js"></script>
  39.     <!-- Include all compiled plugins (below), or include individual files as needed -->
  40.     <script type="text/javascript" src="js/bootstrap.js"></script>
  42.     <script src="js/signup.js"></script>
  44.     <script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script>
  45. <script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script>
  46. <script>
  48. $( "#usersignup" ).validate({
  49.   rules: {
  50.     name: {
  51.         required: true
  52.     },
  53.     email: {
  54.         email: true,
  55.         required: true
  56.     },
  57.     password1: {
  58.       required: true,
  59.       minlength: 4
  60.     },
  61.     password2: {
  62.       equalTo: "#password1"
  63.     }
  64.   }
  65. });
  66. </script>
  68.   </body>
  69. </html>

字符串

signup.js，**这就是我认为问题所在。**很可能是因为我不懂AJAX。这里我唯一改变的是IF语句中的子句和数据对象&name="+name的结尾。即使在将此添加到post-configureuser.php之后，PHP也不会接收该变量。

  1. $(document).ready(function(){
  3.   $("#submit").click(function(){
  5.     var username = $("#newuser").val();
  6.     var name = $("#name").val();
  7.     var password = $("#password1").val();
  8.     var password2 = $("#password2").val();
  9.     var email = $("#email").val();
  11.     if((username == "") || (name == "") || (password == "") || (email == "")) {
  12.       $("#message").html("<div class=\"alert alert-danger alert-dismissable\"><button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-hidden=\"true\">&times;</button>Please ensure that name, username and password are all filled.</div>");
  13.     }
  14.     else {
  15.       $.ajax({
  16.         type: "POST",
  17.         url: "createuser.php",
  18.         data: "newuser="+username+&password1="+password+"&password2="+password2+"&email="+email+"&name="+name,
  19.         success: function(html){
  21.             var text = $(html).text();
  22.             //Pulls hidden div that includes "true" in the success response
  23.             var response = text.substr(text.length - 4);
  25.           if(response == "true"){
  27.             $("#message").html(html);
  29.                     $('#submit').hide();
  30.             }
  31.         else {
  32.             $("#message").html(html);
  33.             $('#submit').show();
  34.             }
  35.         },
  36.         beforeSend: function()
  37.         {
  38.           $("#message").html("<p class='text-center'><img src='images/ajax-loader.gif'></p>")
  39.         }
  40.       });
  41.     }
  42.     return false;
  43.   });
  44. });

型
我不相信这个问题是在这个PHP文件中，但我以前错了。我添加了$name = $_POST['name'];，我添加了：

  1. foreach ($_POST as $key => $value){
  2.   echo "{$key} = {$value}\r\n";

型

  1. <?php
  2. require 'includes/functions.php';
  3. include_once 'config.php';
  5. //Pull username, generate new ID and hash password
  6. $newid = uniqid(rand(), false);
  7. $newuser = $_POST['newuser'];
  8. $newpw = password_hash($_POST['password1'], PASSWORD_DEFAULT);
  9. $pw1 = $_POST['password1'];
  10. $pw2 = $_POST['password2'];
  11. $name = $_POST['name'];
  12.     //Enables moderator verification (overrides user self-verification emails)
  13. if (isset($admin_email)) {
  15.     $newemail = $admin_email;
  17. } else {
  19.     $newemail = $_POST['email'];
  21. }
  22. //Validation rules
  23. if ($pw1 != $pw2) {
  25.     echo '<div class="alert alert-danger alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>Password fields must match</div><div id="returnVal" style="display:none;">false</div>';
  27. } elseif (strlen($pw1) < 4) {
  29.     echo '<div class="alert alert-danger alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>Password must be at least 4 characters</div><div id="returnVal" style="display:none;">false</div>';
  31. } elseif (!filter_var($newemail, FILTER_VALIDATE_EMAIL) == true) {
  33.     echo '<div class="alert alert-danger alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>Must provide a valid email address</div><div id="returnVal" style="display:none;">false</div>';
  35. } else {
  36.     //Validation passed
  37.     if (isset($_POST['newuser']) && !empty(str_replace(' ', '', $_POST['newuser'])) && isset($_POST['password1']) && !empty(str_replace(' ', '', $_POST['password1']))) {
  39.         //Tries inserting into database and add response to variable
  41.         $a = new NewUserForm;
  43.         $response = $a->createUser($newuser, $newid, $newemail, $newpw);
  45.         //Success
  46.         if ($response == 'true') {
  48.             echo '<div class="alert alert-success"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>'. $signupthanks .'</div><div id="returnVal" style="display:none;">true</div>';
  50.             //Send verification email
  51.             $m = new MailSender;
  52.             $m->sendMail($newemail, $newuser, $newid, 'Verify');
  54.         } else {
  55.             //Failure
  56.             mySqlErrors($response);
  58.         }
  59.     } else {
  60.         //Validation error from empty form variables
  61.         echo 'An error occurred on the form... try again';
  62.     }
  64.     foreach ($_POST as $key => $value){
  65.   echo "{$key} = {$value}\r\n";
  66. }
  67. };

型
为了使它非常清楚，我的问题仍然是为什么我添加的字段没有进入最终的PHP文件。
同样要说明的是，这段代码在没有尝试添加额外字段的情况下运行得很好。经过验证，这段代码是可用的。一旦我尝试添加我的name字段，代码就会中断。
感谢您提供的任何帮助。

mysql

2条答案

按热度按时间
kuuvgm7e

kuuvgm7e1#

我做了一个虚拟的测试脚本松散的基础上你提供了什么。
提示提供代码时-请指定每个部分的实际文件名。
这是“signup.js”文件的一部分，其中注解掉了数据定义并添加了新定义。
一个更好的方法是如下所示构建数据。

  1. $.ajax({
  2.     type: "POST",
  3.     url: "createuser.php",
  4.     // data: "newuser=" + username + & password1 = "+password+" & password2 = "+password2+" & email = "+email+" & name = "+name,
  5.     data: {
  6.         'newuser': username,
  7.         'password1': password,
  8.         'password2': password2,
  9.         'email': email,
  10.         'name': name
  11.     },

字符串
使用我运行的代码-我将其设置为var_dump（$_POST），它将POST数据显示在提交按钮下的表单上。
给予一个机会。
下面是我在表单中输入数据后得到的结果（结果是我为测试而输入的值，我已经删除了您的验证以使其不碍事）

  1. array (size=5)
  2.   'newuser' => string 'my username' (length=11)
  3.   'password1' => string 'my password' (length=11)
  4.   'password2' => string 'my password' (length=11)
  5.   'email' => string 'my email' (length=8)
  6.   'name' => string 'my name' (length=7)

型

展开查看全部
赞(0）分享  回复(0）举报  2023-11-16
2nc8po8w

2nc8po8w2#

Placeholder不是“默认值”。你不能期望它们作为内容发送。这就是为什么你在PHP中得到警告。

另一个问题是字符串连接：引号丢失。
它应该是"newuser="+username+"&password1="+password，而不是你现在拥有的："newuser="+username+&password1="+password
注意&password1之前的引用。
您可能应该使用一个更好的编辑器，因为您应该根据语法突出显示来捕捉这一点。
也就是说，这有很多问题。
首先，不要使用uniqid(rand(), false)来生成ID，而应该依赖MySQL的AUTO_INCREMENT功能。
然后是JS。你为什么要用jQuery来做这个？！JS现在有Fetch API，这比jQuery的方法要上级。还有FormData抽象，它简化了表单处理。

  1. document.querySelector('usersignup').addEventListener('submit', function (event){
  2.     fetch('createuser.php', {
  3.         method: 'POST',
  4.         body: new FormData(event.target)
  5.     }).then(function (response) {
  6.         return resonse.text())
  7.     }).then(function(html) {
  8.         document.querySelector('#message').innerHTML = html;
  9.     })
  10. }, false);

字符串
不过，您必须添加polyfill以兼容旧版本的IE。
还有.

展开查看全部
赞(0）分享  回复(0）举报  2023-11-16
我来回答

相关问题

    查看更多

    热门标签

    更多
    JavaquerypythonNode开发语言requestUtil数据库Table后端算法LoggerMessageElementParser

    最新问答

    更多
    • 蜀ICP备13028337号-1 大数据知识库 https://www.saoniuhuo.com © All rights reserved
    • 本站内容来源互联网,如果侵犯您的权益请联系我们删除, 联系方式：448109455@qq.com