Javascript 如何在html中从js文件编写变量

我对一些变量有一些问题，因为我不知道如何从.js文件中获取这些变量并用html代码编写它们。这是default.js中的代码：

$(document).ready(function(){

  function data_info_geo() {
        $.ajax({
      url: "http://ip-api.com/json",
      dataType: 'json',
      type: 'GET'
    }).success(function(data) {
      country = data.country;
      ip = data.query;

            $('#game_data').append('<div id="geo_info_country" style="display:none;">' + country + '</div>');
            $('#game_data').append('<div id="geo_info_ip" style="display:none;">' + ip + '</div>');

    });
    }

$（文档）.ready（函数（）{
函数数据\u信息\u地理位置（）{
$.ajax({
url:“http://ip-api.com/json",
数据类型：“json”，
键入：“获取”
}).成功（功能（数据）{
country=data.country；
ip=data.query；
$（“#游戏数据”）。追加（“”+国家+“”）；
$（“#游戏数据”）。追加（“”+ip+“”）；
});
}

我试图在html页面上写这些变量，但我不知道怎么做。我希望你能帮助我，我一直在寻找这个答案，我浏览了所有的google和stackoverflow结果，但没有得到什么好结果

编辑：我正在尝试编写这两个变量：

 <div id="geo_info_country" style="display:none;">' + country + '</div>
<div id="geo_info_country" style="display:none;">' + ip + '</div>

“+country+”
“+ip+”

---

包括正确的国家/地区和Ip地址。

style=“display:none”将隐藏该div元素。不确定是否需要在.js文件中使用该内联样式将隐藏该div元素。不确定是否需要在.js文件中使用该内联样式

很难说问题出在哪里，两行附加应该可以工作。乍一看，我有一些想法

ajax调用没有成功，这可以解释为什么看不到结果（除了上面提到的“display:none”之外）

从未调用“数据信息地理”函数

在到达该函数之前，js文件中的其他内容会中断

---

没有错误的控制台应该使1和3失效，留下2。

很难说问题出在哪里，两行附加的内容应该可以工作

ajax调用没有成功，这可以解释为什么看不到结果（除了上面提到的“display:none”之外）

从未调用“数据信息地理”函数

在到达该函数之前，js文件中的其他内容会中断

---

控制台清除错误将使1和3失效，留下2。

这段代码会发生什么？它会将div写入您的页面吗？数据是否正确地从ajax调用返回？您的div是隐藏的，如果这可能是问题的话……您好Phillip，当我看到这段代码时，我正在浏览一些网站，我认为它可以n在我的网站上帮助我，但当我试图从“视图”复制它时-soruce://hxxp://site.com"，你知道，它不会告诉你那个家伙使用了什么函数。这段代码会发生什么？它会将div写入你的页面吗？数据是否正确地从你的ajax调用返回？你的div是隐藏的，如果这可能是问题的话……你好，Phillip，我在一些网站上浏览时看到了这段代码，我在想它可以帮助我上网但当我试图从“视图”复制它时-soruce://hxxp://site.com，你知道，它不会告诉你那个家伙使用了什么函数。甚至style=“display:none”在我的div块中存在，我只需要在页面中调用它们，然后用“code”和/和“code”显示它们。你检查浏览器控制台是否有错误消息吗？在chrome上，你可以通过按F12按钮在控制台上检查错误消息…控制台中没有任何错误，我使用这些功能的网站工作完全完美。哟你知道当你到达一个html页面或任何类型的网页时，它不会向你显示源代码。我想我应该用document.write或类似的东西来显示这些变量，对吗？你在哪里链接了数据\u info\u geo（）在HTML中？如果您在HTML中链接了它，请尝试在chrome source选项卡的.js文件中放置断点…PS。-我不建议在未经作者同意的情况下从任何地方选取代码…甚至style=“display:none”在我的div块中存在，我只需要在页面中调用它们，然后用“code”和/和“code”显示它们。你检查浏览器控制台是否有错误消息吗？在chrome上，你可以通过按F12按钮在控制台上检查错误消息…控制台中没有任何错误，我使用这些功能的网站工作完全完美。哟你知道当你到达一个html页面或任何类型的网页时，它不会向你显示源代码。我想我应该用document.write或类似的东西来显示这些变量，对吗？你在哪里链接了数据\u info\u geo（）在HTML中？如果您在HTML中链接了它，请尝试在chrome source选项卡的.js文件中设置断点…PS。-我不建议在未经作者同意的情况下从任何地方选择代码。。。