如何封装前端获取IP地址的js文件问题，让每一个前端界面只需要调用这个封装好的js文件就可以实现IP调用？

Question

如何解决在单独的js文件封装IP地址接口？

问题相关代码，请勿粘贴截图

function constUpdate()
{
    $.ajax({
        url: "https://pv.sohu.com/cityjson?ie=utf-8",
        type: 'get',
        dataType: 'json',
        crossDomain: true,
        success:function (data) {
            alert(data)
        },
        error:function (dat){
          alert(returnCitySN["cip"]);

        }
    });
}

在操作的时候打算使用单独的js文件封装，这样在每一个jsp界面只需要调用就可以获得用户的IP地址了，但是这样的写法明显是有问题的。但是如果直接尝试使用
```javascript
document.write("<script src=\"https://pv.sohu.com/cityjson?ie=utf-8\"></script>");

这样的话，就会出现这种提示

所以请教下各位来解决，把上面的网址封装成单独获取IP地址的js文件。然后在没一个jsp界面上只需要调用这个文件就可以把相应的IP数据传入到后台了。

Answer 1

将获取ip的方法封装在一个getIpInfo.js文件中

function constUpdate() {
  return new Promise((resolve, reject) => {
    $.ajax({
      url: "https://pv.sohu.com/cityjson?ie=utf-8",
      type: "get",
      dataType: "json",
      crossDomain: true,
      success: function (data) {
        resolve(data);
        window.sessionStorage.setItem("ipInfo", data);
      },
      error: function (dat) {
        reject(returnCitySN["cip"]);
      },
    });
  });
}
async function getIpInfo() {
  let ipInfo = window.sessionStorage.getItem("ipInfo");
  if (ipInfo) return ipInfo;
  ipInfo = await constUpdate();
  return ipInfo;
}

使用方式

<script src="./getIpInfo.js"></script>
<script>
  // 使用
  const ipInfo = getIpInfo();
</script>