时间戳

首页 > 解决方案 > 如何在 HTML 页面中声明 JS 变量

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

问题描述

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

手动显示方式是在 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"
    }
  ]
}

标签： javascriptjqueryhtmljson

解决方案

如果我的问题正确，您还想从该 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回调以防呼叫失败。这样您也可以访问错误对象。

推荐阅读