javascript - 如何在HTML页面中声明JS变量

Question

我有 json 文件来存储数字。我还有 JS 文件来抓取 json 数据并以 HTML 形式显示。

手动显示方式是在 XXX 中输入一个数字，如下 HTML 代码。所以我希望数据是从后端动态获取的。

HTML

<span id="num"> XXX </span> number of users

JS

$(document).ready(function() {

    var ajaxRequest;

    console.log();

    ajaxRequest= $.ajax({
        url: "result/total.json",
        type: "post",
        dataType: 'json',
        data: {'num':num},
    });
});

JSON

{
  "data": [
    {
      "num": "100"
    }
  ]
}

Answer 1

如果我的问题正确，您还想读取该 JSON 文件。为此，您需要另一个 AJAX 调用来从文件中获取数据，并在成功回调中更改该范围的 HTML。

以下是回调应如下所示的快速示例:

 $.ajax({
    url: "result/total.json",
    type: "get",
    dataType: 'json',
    success: function(data){
        //here you have access to your response object and you can use anything you want
        $("#num").html(data.responseText);
    }
});

如果您想要更好的版本，可以使用 complete 回调，以防调用失败。这样您也可以访问错误对象。