Question

我正在尝试使用AJAX将表单数据发送到.php文件，但是JS行为异常，实际上发生的是，当我将输入字段留空时，一切正常（即php程序执行并按预期在数据库中进行了更改），但是当我填写表单数据时，例如当我填写名称，电子邮件，密码时，侧边页面刷新，并且php文件主体被执行。

很抱歉出现语法错误。

我感谢任何人的帮助！

非常感谢！

var form = document.getElementById("form_signup");
var formdata = new FormData(form);

$('#form_signup').on('submit', function(ev) {
  console.log(formdata);
  ev.preventDefault();
  $.ajax({
    url: "./process_php/Signup1.php",
    data: $('form').serialize(),
    cache: false,
    processData: false,
    contentType: false,
    type: "POST",


    success: function(response) {
      console.log("done" + response);
    }

  });
  return false;

});

<?php 
if (!isset($_REQUEST['username'])) {
	die();
}
$username = "temp_username";
$email = "temp_email";
$password = "temp_password";
$sqlconnection = new mysqli("", "", "", "");
$insertstatement = "INSERT INTO new_users (Name , Email , Password , Subscriber ) VALUES ('$username' , '$email' , '$password' , 'Normal' ) ";
if ($sqlconnection->query($insertstatement) === TRUE) { 						//if entered into db successfully
    echo "DONE";
}else {

	//run js to inform
	}

?>

<!--I have loaded jquery and also my external js file-->

<form class="font1" id="form_signup">
  <!-- main content , signup form -->
  <h2 id="form_name" class="font1">LOGIN</h2>
  <input type="text" name="username" placeholder="Username" minlength="3" autofocus id="username"><br>
  <input type="email" name="email" placeholder="Email" minlength="10"><br>
  <input type="password" name="pass" placeholder="Password" minlength="8"><br>
  <input type="submit" value="Confirm">
</form>

Answer 1

server { listen 80; # [::]:80; listen [::]:80 ipv6only=on; access_log /var/log/nginx/reverse_access.log; error_log /var/log/nginx/reverse_error.log debug; #rewrite_log on; location / { proxy_pass http://127.0.0.1:5000; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection keep-alive; proxy_set_header Host $host; proxy_cache_bypass $http_upgrade; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; } }似乎有问题。这里的$('form').serialize()与form

不相同

var form = document.getElementById("form_signup");

JavaScript行为不当

1 个答案: