Question

我遇到一些变量的问题，因为我不知道如何从.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>');

    });
    }

我试图在html页面上写这些变量，但我不知道该怎么做。我希望你可以帮助我，我正在寻找这个答案一段时间，我浏览所有谷歌和stackoverflow结果，但我没有什么好。

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

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

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

Answer 1

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

Answer 2

很难说出问题是什么，附加的两行应该有效。我一眼就能看出一些想法;

ajax调用没有成功，这可以解释为什么你看不到你的结果（除了＆＃34; display：none＆＃34;上面提到的）
＆＃34; data_info_geo＆＃34;函数永远不会被调用。
在达到该功能之前，js文件中的其他内容会中断。

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

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

2 个答案: