如何獲取URL參數中的值？ xmlhttp.status返回500

Question

嗨，我是一個初學者程序員，使用JavaScript和PHP。我有一頁按鈕，並且我正在嘗試將ahref按鈕分配到其各自的vendordetails.html頁面。到達vendordetails.html後，一個php代碼將運行到SELECT * where vendorid = $vendorid並在html頁面中顯示*。
我的情況
當我點擊按鈕＃2，URL發送過是這樣的：

http://servername/..../vendordetails.html?vendorid=2 

在^頁面，我可以收到「2」從使用getUrlVars()功能的URL參數。
（alert(decodeURIComponent(getUrlVars()["vendorid"])); // alerts the value '2'.）

然而，當我做了Ajax調用，xmlhttp.status回報「500」，而不是200，意思就是那裏有一個內部服務器錯誤，而發送的參數可能不正確。我非常懷疑它是我的PHP代碼，但根本找不到任何錯誤（它與工作顯示按鈕php文件類似），我想找一些指導！

vendordetails.html

var vendorid = decodeURIComponent(getUrlVars()["vendorid"]); 
alert(decodeURIComponent(getUrlVars()["vendorid"])); //alerts 2 

function displayvendordetails(){ 
    var xmlhttp = new XMLHttpRequest(); 
    var url = serverURL() + "/vendordetails.php"; 
    url += "?vendorid=" + vendorid.trim(); 
    //also tried using ?vendorid = decodeURIComponent(getUrlVars()["vendorid"]) 
    alert(url); //alerts http://servername/..../vendordetails.php?vendorid=2 

    xmlhttp.onreadystatechange=function() { 
    //alert(xmlhttp.readyState); alerts 4 
    alert(xmlhttp.status); //alerts 500 
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
     alert("hello working"); //not alerted, code stops working after if statement 
     getdisplayResult(xmlhttp.responseText); 
    } 
    } 
    xmlhttp.open("GET", url, true); 
    xmlhttp.send(); 
} 

function getdisplayResult(response){ 
    var arr = JSON.parse(response); 
    var i;  

    for(i = 0; i < arr.length; i++) { 

    if (arr[0].vendorname.trim() != ""){ 
     vendorname = arr[0].vendorname; 
     //var vendorname; declared outside 
     $("#vendorname").html(arr[0].vendorname); 
    } 

    if (arr[0].vendortype.trim() != ""){ 
     vendortype = arr[0].vendortype; 
     //var vendortype; declared outside 
     $("#vendortype").html(arr[0].vendortype); 
    } 

    if (arr[0].rebatepercentage != ""){ 
     $("#rebatepercentage").html(arr[0].rebatepercentage + "%"); 
    }  
    }  
} 

displayvendordetails(); 

function getUrlVars() { 
    var vars = {}; 
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, 
    function(m,key,value) { 
     vars[key] = value; 
    }); 
    return vars; 
} 

vendordetails.php

header("Access-Control-Allow-Origin: *"); 
header("Content-Type: application/json; charset=UTF-8"); 

$conn = new mysqli("localhost", "my_user", "my_password", "world"); 

$vendorid = $_GET['vendorid']; 

$result = $conn->query("SELECT vendorname, vendortype, rebatepercentage WHERE vendorid = '" . $vendorid. "' "); 

$outp = "["; 

while($rs = $result->fetch_array(MYSQLI_ASSOC)) { 

    if ($outp != "[") {$outp .= ",";} 

    $outp .= '{"vendorname":' . $rs["vendorname"] . ','; 

    $outp .= '"vendortype":"' . $rs["vendortype"] . '",'; 

    $outp .= '"rebatepercentage":"' . $rs["rebatepercentage"] . 

    '"}'; 

} 

$outp .="]"; 

$conn->close(); 

echo($outp); 

在PHP代碼應該返回：

[{"vendorname":"Test","vendortype":"Apparel","rebatepercentage":"20"}, {...}, {...}] 

附加說明：
1.請保持ajax調用w/o jQuery，因爲我更熟悉該格式。
2. serverurl()是一個全球性的js文件中定義，我已確認這是正確的

Answer 1

不正確的SQL語句，應該是
「SELECT vendorname，vendortype，rebatepercentage FROM Vendors WHERE Vendorid =」。$ vendorid）;

Answer 2

可能不完全有益的，但如果你使用Chrome，你可以右鍵單擊>檢查>網絡，然後用這個開放你可以重新執行ajax頁面，你會看到所有的http請求，它們的類型，狀態和響應，當ajax完成時點擊「停止記錄」。您可以檢查ajax GET請求的HTTP標頭並查看它們是否如預期的那樣。如果他們沒問題，這個問題必須在php/server上。