Ajax 获取所有用户名会将所有用户名作为一个长字符串组合返回

Question

我正在从我的数据库中获取数据，并使用ajax接收响应。

当我尝试显示所有结果时，ajax reponse 会给我所有用户名组合成一个长字符串，而不是我可以循环使用的数组。

我错过了什么？

我的 AJAX 代码如下：

   function userquery(){

    var user = document.getElementById("user").value;
    var userq = "%"+user+"%";

      var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == XMLHttpRequest.DONE) {   // XMLHttpRequest.DONE == 4
               if (xmlhttp.status == 200) {

                      var response = JSON.parse(xmlhttp.responseText);

               for(var i = 0; i <  response.length  ; i++){
                document.getElementById("response").innerHTML += response["user"];

               }
               }
               else if (xmlhttp.status == 400) {
                  alert('There was an error 400');
               }
               else {
                   alert('something else other than 200 was returned');
               }
            }
        };
        xmlhttp.open("POST", "userquery.php", true);
        xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        xmlhttp.send("user=" + userq);
 }

Answer 1

您的元素div，以便分隔每个用户并将其添加到新行。在末尾添加<br>。更改您的代码

 document.getElementById("response").innerHTML += response["user"];

自

document.getElementById("response").innerHTML += response["user"]+"<br>";