如何使用Javascript从托管的PHP脚本获取JSON数据？

Question

我试图从托管在我的Web主机上的PHP脚本获取JSON数据（在Xampp中本地）。

PHP脚本如下所示：

<?php

header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET, POST'); 

// Creating the data array
$data = array(
    'id' => '1',
    'url' => 'http://twitter.com',
    'text' => 'test 001',
);

header('Content-Type: application/json');
echo json_encode($data, JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES);

?>

从服务器直接运行（ http://website.com/php/script.php ）时显示的数据：

{
    "id": "1",
    "url": "http://twitter.com",
    "text": "test 001"
}

以及破碎的HTML / JS应该输出以下内容：

<!DOCTYPE html>
<html>
<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<script>

$.getJSON('http://website.com/php/script.php', function(data) {
  var items = [];

  $.each(data, function(key, val) {
    items.push('<li id="' + key + '">' + val + '</li>');
  });

  $('<ul/>', {
    'class': 'my-new-list',
    html: items.join('')
  }).appendTo('body');
});

</script>

</head>

<body>

<span id="output"></span>

</body>
</html>

我在xampp中将HTML作为.php脚本运行，我不确定这是否与jQuery或常规JS有任何区别，但大多数情况似乎都很好。

如何获取数据“ 1”，“ http://twitter.com ”和“ test 001”等？

Answer 1

在这种情况下的问题是我在xampp中将HTML作为.php文件运行，由于某种原因，该文件不返回任何数据。

将其更改为.html后，它可以正常运行。

如何使用Javascript从托管的PHP脚本获取JSON数据？

问题描述

1 个解决方案

解决方案1
0 2017-03-05 21:29:58

如何使用Javascript从托管的PHP脚本获取JSON数据？

问题描述

1 个解决方案

解决方案1 0 2017-03-05 21:29:58

解决方案1
0 2017-03-05 21:29:58