Question

我有json文件来存储数字。我也有JS文件来获取要以HTML显示的json数据。

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

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回调，以防呼叫失败。这样，您还可以访问错误对象。

Answer 2

我通过编写此代码找到了答案。

$(document).ready(function() {

    var ajaxRequest;

    console.log();

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

        success: function(data){
            console.log(data["data"][0]["num"]);
            //here you have access to your response object and you can use anything you want
            $("#num").html(data["data"][0]["num"]);
        }
    });    

});

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

2 个答案: