PHP与AJAX注册表单故障求助：无法获取PHP响应

Let's break down what's going wrong with your code and get that AJAX response showing up:

Key Issues in Your Current Code #

• Unnecessary Question Mark in URL: Your AJAX request targets register.php? — that trailing ? is redundant for POST requests (since parameters are sent in the request body, not the URL). It might be causing unexpected routing issues.
• Incorrect Escape Character in Data String: You're using & to separate parameters in your data string. That's an HTML escape sequence, but in JavaScript, you just need a plain & — otherwise, your parameter names will get mangled (this won't break your current test output, but will cause problems when you start processing user/pass values in PHP).

Corrected JavaScript Code #

Here's the fixed register.js with these issues resolved, plus a couple of helpful additions for debugging:

$(document).ready(function(){
  $("#register").click(function(event){
    // Prevent any default browser behavior (safe practice even without a <form>)
    event.preventDefault();
    
    var user = $("#username").val();
    var pass = $("#password").val();
    
    // Use plain & instead of &amp;, or even better, use an object (see note below)
    var data = "user=" + user + "&pass=" + pass;
    
    $.ajax({
      method: "post",
      url: "register.php", // Removed the trailing ?
      data: data,
      success: function(data) {
        $("#register_output").html(data);
      },
      // Add error handling to debug if things still go wrong
      error: function(xhr, status, error) {
        $("#register_output").html("Request failed: " + error);
      }
    });
  });
});

Bonus: Cleaner Data Format #

Instead of manually concatenating the data string, let jQuery handle it by passing an object — this avoids typos and automatically handles URL encoding:

// Replace the data string with this object
var data = {
  user: user,
  pass: pass
};

Quick Debugging Tips If It Still Fails #

1. Open your browser's developer tools (F12) and go to the Network tab. Check if the AJAX request to register.php is being sent, and what the response status is (you should see a 200 OK status).
2. Double-check that register.php is in the same directory as index.php — if it's in a subfolder, update the url path accordingly (e.g., "/api/register.php").

After making these changes, clicking the Register button should display "hi from php" in the #register_output div, even if the username/password fields are empty.

内容的提问来源于stack exchange，提问作者fehmiE