主页 / 问题 / 838318
Accepted
Артём PeGaS
Asked:2020-06-06 14:06:22 +0000 UTC2020-06-06 14:06:22 +0000 UTC

如何从服务器获取 JSON 数据？

  • 772

我有一个data.json数据文件。我通过以下方式在 JS 中请求数据XMLHttpRequest：

    let request = new XMLHttpRequest();
    request.open('GET', 'data.json');

    request.send();

request.onreadystatechange = () => {
    if( request.readyState === 4 ) {
        alert(request.responseText);
    }
};

如何从中获取数据data.json？

需要什么 php 脚本将数据从文件返回到data.json客户端？

php

1 个回答

  1. Best Answer

    例如，在 PHP 中，我们需要这样一个脚本来将数据以 JSON 格式返回给客户端：

    PHP服务器代码：

    <?php
    // название файла: getColorRGB.php
    header("Content-Type: application/json; charset=UTF-8");

    //Получаем составляющие цвета (red, green, blue)
    $col = new stdClass();
    $col->r = 128;
    $col->g = 0;
    $col->b = 255;

    //Выводим JSON для AJAX-запрса:
    echo json_encode($col);
?>

    或者，如果需要精确返回data.json，则代码如下：

    <?php
    // название файла: getColorRGB.php
    header("Content-Type: application/json; charset=UTF-8");

    $json = file_get_contents("data.json");
    //Выводим JSON для AJAX-запрса:
    echo json_decode($json);
?>

    但是在客户端上，对JSON-object 的访问必须符合您在data.json.

    json_encode - 返回数据的 JSON 表示。

    要读取的客户端代码是：

    var xmlhttp = new XMLHttpRequest();
xmlhttp.open('GET', 'getColorRGB.php', true);
xmlhttp.send();

xmlhttp.onreadystatechange = function()
{
    if(this.readyState == 4 && this.status == 200)
    {
        var color = JSON.parse(this.responseText);
        document.getElementById('color').innerHTML = color.r + ', ' + color.g + ', ' + color.b;
    }
};
    • 2

相关问题