使用Ajax和php檢索多個值，而無需使用Jquery

Question

網站編碼肯定很棒，我最近重申，JavaScript和Ajax是構建卓越網站的必不可少的元素。 我已經在互聯網上進行了研究，但結果並不是那么有用。 每個代碼都包含Jquery，我不理解。 另外，JSON關於對象等還不太清楚。

W3schools發布了一些有關如何生成與PHP文件反應的Ajax代碼的示例。 通過“ resonseText”檢索該數據。 但是，此元素僅檢索一個未選擇的PHP字符串。

是否有一種方法可以從PHP文件中選擇特定的變量或值，然后將其發送回Javascript（Ajax）文件，因此我可以隨后將它們用於進一步的Javascript編碼。

先感謝您。 （這將大有幫助，因為Ajax是JavaScript的一種復雜形式。）

我的Ajax代碼，用於將數據發送到PHP文件

if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest() ;

        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP") ;

        }

        xmlhttp.onreadystatechange = function() {

            if (this.readyState == 4 && this.status == 200) {

                var XMLResponse = this.responseText ;

                document.getElementById("nameInputNote").innerHTML = "Status: " + XMLResponse ;

            }

        } ;

        xmlhttp.open("GET","ajaxIndex.php?rq1="+valueNameInput,true) ;
        xmlhttp.send() ;

PHP代碼：

<?php

$rq1 = $_GET['rq1'] ;

if (empty($rq1) ) {

} else {

    $sql1 = "SELECT userName FROM users WHERE userName = '{$rq1}' " ;

    if ($result1 = mysqli_query($connection, $sql1) ) {

        $resultsSql1 = mysqli_num_rows($result1) ;

        if ($resultsSql1 == 0) {

            echo "vacant" ; //select this value with JS

            $permission = "true" ; //and select this value separately with JS

        } else {

            echo "occupied" ; // or in this senario: select this value

            $permission = "false" ; // and this value

// In this case the $permission variable is needed to determine whether a form should be submitted or not. 

        }

    }

}

Answer 1

試試看

let src = <?php echo json_encode($yourVar); ?>;

然后使用該變量。 您可以使用的其他方法是使用axios，cookie或VueJS並將數據傳遞到組件中。 希望能有所幫助。