php ajax jquery responseText未返回

Question

我正在嘗試使用 jquery、ajax 和 php 編寫插入查詢。 正在插入記錄但返回狀態錯誤。 首先，我嘗試在 php 中echo顯消息，因為它不起作用我嘗試使用print json_encode但都將狀態返回為錯誤。 為什么它不返回 responseText？

{readyState: 0, responseText: "", status: 0, statusText: "error"}

這是 addmember.php 文件

<?php
     require '../database.php';

    function random_password( $length = 8 ) {
            $chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()_-=+;:,.?";
            $password = substr( str_shuffle( $chars ), 0, $length );
            return $password;
             }


    $password = random_password(8);
    //$regno=$_POST['regNo'];
    $adminno=$_POST['adminNo'];
    $batch=$_POST['batchText'];
    $type=$_POST["memberType"];
    $initials=$_POST["initialName"];
    $fullname=$_POST["fullName"];
    $address=$_POST["address"];
    $telephone=$_POST["contact"];
    $email=$_POST["email"];
    $nic=$_POST["nic"];
    $dob=$_POST["birthDate"];
    $priv=$_POST["memberType"];
    $userid="";

    $sql="select username from memberinfo where username='$adminno'";
    $result=mysqli_query($con,$sql); 
    if(mysqli_num_rows($result)==0){
        $sql="insert into memberinfo(username,nic_no,class,name_initial,full_name,address,telephone,email,date_of_birth) VALUES ('$adminno','$nic','$batch','$initials', '$fullname', '$address', '$telephone','$email','$dob')";
        $result1=mysqli_query($con,$sql);   
        $sql = "select * from memberinfo where username='$adminno'";
                                $result = $con->query($sql);
                                if ($result->num_rows > 0) {
                                    // output data of each row
                                    while($row = $result->fetch_assoc()) {

                                        $userid = $row['user_id'];
                                    }
                                }

        $sql="insert into userlogin(user_id,username,privilege,password) VALUES ('$userid','$adminno','$priv','$password')";
        $result2=mysqli_query($con,$sql);   

        if ($result1 && $result2) {

               $message = "<p>New record created successfully</p>";

         } else {
                $message = "<p>Error: " . $sql . "<br>" . $con->error.".</p>";
        }
    } else{
        $message = "<p>Admission no already exists.</p>";
    }

    print json_encode($message); 


     $con->close()                


?>

這是帶有 ajax 函數的 .js 文件

$(document).ready(function(){

    $('#addmember').click(function(){
        console.log("addmember");
        var adminno=$("#adminNo").val();
        var nic=$("#nic").val();
        var batch=$("#batchText").val();
        var initials=$("#initialName").val();
        var fullname=$("#fullName").val();
        var address=$("#address").val();
        var telephone=$("#contact").val();
        var email=$("#email").val();
        var dob=$("#birthDate").val();
        var priv=$("#memberType").val();

                        //$("#result").html("<img alt='ajax search' src='ajax-loader.gif'/>");
                         $.ajax({
                            type:"POST",
                            url:"../ajax/addmember.php",
                            dataType: "json",
                            data:{'adminNo':adminno, 'nic':nic,'batchText':batch,'initialName':initials, 'fullName':fullname, 'address':address, 'contact':telephone,'email':email,'birthDate':dob,'memberType':priv},
                            success:function(response){

                                console.log(response);
                                $("#result").append(response);
                             },
                             error:function(response){
                                console.log(response);
                             }
                          });

    });



});

Answer 1

狀態零通常意味着頁面正在導航。 阻止它發生。

$('#addmember').click(function(evt){   //<--add the evt
    evt.preventDefault(); //cancel the click

Answer 2

您沒有從服務器返回有效的 JSON。 您正在對字符串進行 json 編碼，但有效的 JSON 需要一個對象或數組來封裝回來的那一天。

所以至少：

echo json_encode(array($message));

Answer 3

不需要 JSON 響應。 簡單地從您的 PHP 腳本返回消息，如下所示（注意使用echo和close()后面的分號）：

PHP

$con->close();
echo $message;

此外，從您的 AJAX 調用中刪除 JSON 文件類型，並附加response.responseText而不是response ：

JS

$.ajax({
       type:"POST",
       url:"../ajax/addmember.php",
       data:{'adminNo':adminno,'nic':nic,'batchText':batch,'initialName':initials, 'fullName':fullname, 'address':address, 'contact':telephone,'email':email,'birthDate':dob,'memberType':priv},
       success:function(response){
                   console.log(response);
                   $("#result").append(response.responseText);
                 },
       error:function(response){
                   console.log(response);
                 }
       });