使用 Javascript 获取 PHP 数据并将其分配给数组

Question

我有一个 php 脚本，它从服务器收集数据并将其显示在数组中，然后作为带有函数的 json。

echo json_encode($result);

现在我想用我的 javascript 访问该数组并显示它。它应该作为数组保存在 var 中，所以它应该如下所示：

 data = [ "xxxx" , "ssss",];

但我想我可以简单地将我的函数放入获取数组数据的函数中：

data = myfunction ;

到目前为止我已经尝试过：

 function reqListener () {
     console.log(this.responseText);
         }

        var oReq = new XMLHttpRequest(); //New request object
      oReq.onload = function() {


       };
        oReq.open("get", "http://myserver.com/myscript.php", true);

oReq.send();

和

function getdata(url) {
jQuery.ajax(
        {
            type: "GET",
            url: "http://myserver.com/myscript.php/",
            dataType: "text",
            success: function (response) {
                var JSONArray = jQuery.parseJSON(response);
                connsole.log(JSONArray);
                }
        });
    }

但似乎没有一个有效，我显示的是“未定义”而不是我的数组。 如果有人对此有一些想法并可以帮助我，那就太好了。

编辑： 由于我们无处可去，这是我的 php 代码：

<?php 
 error_reporting(0);
 $html = file_get_contents("url here");

$dom = new DOMDocument();
$dom->loadHTML($html);

 $tbodyRows = $dom->getElementsByTagName( 'tbody' )
             ->item( 0 ) // grab first tbody
             ->getElementsByTagName( 'tr' );

$result = array();
foreach( $tbodyRows as $tbodyRow )
{
  $result[] = $tbodyRow->getElementsByTagName( 'td' )
                     ->item( 2 ) // grab 3rd column
                     ->nodeValue;
 }


echo json_encode($result);
 ?>

Answer 1

试试这个代码：

function getdata(url) {
  console.log('Started');
  jQuery.ajax({
    type: "GET",
    url: "http://myserver.com/myscript.php",
    dataType: "text",
    error: function (xhr) {
      console.log('Error',xhr.status);
    },
    success: function (response) {
      console.log('Success',response);
    }
  });
}

打开浏览器的控制台，让我知道它的内容。如果您没有看到 Error 或 Success，则您的代码实际上并未执行

Answer 2

我之前做过类似的事情。我会描述它，我希望它会对你有所帮助。

在以下代码 (get_categories.php) 中，我从数据库中检索数据并将它们添加到数组中。然后通过编码为 JSON 将其返回。

$sql = "SELECT category_name FROM category;";
$dataArray = [];
$result = $connection->query($sql);
if ($result) {
    while ($row = $result->fetch_assoc()) {
        $dataArray[] = $row;
    }
    echo json_encode($dataArray);
}

然后在我的Javascript代码中，我可以得到如下数据。

$.ajax({
    url: "/get_categories.php",
    type: "GET",
    dataType: "json",
    success: function (categories) {
        for (var i = 0; i < categories.length; i++) {
            console.log(categories[i]);
        }                
    },
    error: function (jqXHR, textStatus, errorThrown) {
        // Error handling code
    }
});