Ajax 正在工作，但服务器没有响应

Question

所以我尝试了很多方法来解决我的网络问题。我希望在这里找到解决方案。问题是 ajax 成功函数工作，并且在网络部分它的状态代码为 200 与数据输入但它没有响应并且数据没有插入到数据库中。

html 表单：

        <form action="./includes/systemcheck.inc.php" id="reg1" method="post">
            <input type="text" id="reg_fname" name="fullName" class="mr_fni">
            <input type="number" id="reg_uid" name="userID" class="mr_idi">
            <input type="number" id="reg_pnumber" name="phoneN" class="mr_pni">
            <input type="submit" name="register1" id="reg1_sub_butt" value="next" 
            class="cim_gSubmmit">
        </form>
        <p id="reg1_result"></p>

php:

   if(isset($_POST['register1'])){

   $fullName = $_POST['fullName'];
   $userID = $_POST['userID'];
   $phoneN = $_POST['phoneN'];
   if(!empty($fullName) || !empty($userID) || !empty($phoneN)){
    $sql = "INSERT INTO `hotelsystem` (`fullName`, `phoneNumber`, `id`) 
            VALUES ('$fullName', '$phoneN', '$userID')";
    if ($conn->query($sql) === TRUE) {
        echo "New record created successfully";
    } else {
        echo "Error: " . $sql . "<br>" . $conn->error;
    }
   }
   else{
    echo "fill all fields please";
   }

ajax：

window.onload = function(){
 
    $('#reg1_sub_butt').click(function (e) {
        var formData = {
            'fullName' : $('#reg_fname').val(),
            'userID': $('#reg_uid').val(),
            'phoneN': $('#reg_pnumber').val()
        }
        
        if(formData.fullName == '' || formData.userID == '' || formData.phoneN == ''){
            $('#reg1_result').html('Please fill all fields');
        } else {
            //if no issues attempt to push code
            submitData(formData);
            $('#reg1_result').show();
        }
        
        return false;
        
    });
}

function submitData(formData){
    console.log(formData);
    $.ajax({
        type: 'POST',
        url: './includes/systemcheck.inc.php',
        data: formData,
        contentType: 'charset=UTF-8',
        async: false,
        success: function(response) {
            $('#reg1_result').html(response + "work");
        },
        error: function() {
            $('#reg1_result').html('There was an error');
        }
    });
}

Answer 1

您通过 AJAX 发送的 formData 变量不包含名为 register1 的字段，因此代码不会进入第一个 if 块 (if(isset($_POST['register1'])))，并且没有其他可以提供的替代输出。

您只需将其添加到formData 对象即可发送该字段。它的内容无关紧要，它只需要存在。例如：

var formData = {
    'fullName' : $('#reg_fname').val(),
    'userID': $('#reg_uid').val(),
    'phoneN': $('#reg_pnumber').val(),
    'register1': true
}

---

或者，您可以保留 formData 原样，让 PHP 检查一个或多个其他必填字段，例如：

if(isset($_POST['fullName'])){

---

附： 您应该从代码中删除 async:false，因为它已被弃用且不必要。 contentType: 'charset=UTF-8' 也无效或无用，您也可以将其删除。

而且您应该fix the SQL injection vulnerability in your mysqli code - 事实上，无论 SQL 注入如何，只要将 ' 放在其中一个输入字段中，就可能有人会破坏您的查询，因此这是解决问题的另一个好理由。