如何使用Ajax从远程JS文件获取IP信息并展示在HTML元素中？

如何利用ajax获取远程数据并赋值给html元素？

你提供的url是一个js文件，其中包含了ip信息。虽然该文件可以通过ajax获取，但需要注意的是，对于document类型的请求是无法使用ajax的。因此，通常会采取类似cdn引入的方式来获取这类数据。

代码演示：

1. 在html文件中加入必要的脚本引用：

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>

2. 创建一个要放置数据的html元素：

<div class="city"></div>

3. 获取远程数据并赋值给html元素：

$.ajax({
  url: "http://ip.tanwan.com/index.php?action=ipinfo&format=js",
  dataType: "script",
  success: function (data) {
    $(".city").text(JSON.stringify(remote_ip_info));
  }
});

通过这种方式，你可以利用ajax获取远程数据，并将其赋值给html元素中。

前端入门到VUE实战笔记：立即学习
>在学习笔记中，你将探索 前端 的入门与实战技巧！