jquery通过AJAX请求获取访客位置数据代码

所属分类：网页特效-实用工具 2023-10-23 09:31:32

211 1 查看评论 (4)

反馈问题查看演示登录后下载 温馨提示
登录会员即可享受免费下载我要建站

资源描述：一款获取当前访客IP信息插件，通过AJAX请求第三方网站获取数据，从而获取访问者的IP和地理位置信息。

jquery通过AJAX请求获取访客位置数据代码（共2个文件）

geo-fetch.js

index.html

使用方法

var userIpAddrFinal = "";
var userIPInfo = "";

const userIpSettings = {
  "async": false,
  "crossDomain": true,
  "url": `https://www.cloudflare.com/cdn-cgi/trace`,
  "method": "GET"
};

const ipInfoSettings = {
  "async": false,
  "crossDomain": true,
  "url": `https://api.ipbase.com/v1/json/${userIpAddrFinal}`,
  "method": "GET"
};

$.ajax(userIpSettings, function (ipData) {

  const userIpAddr = String(ipData).match(/ip=.+/gm); // convert to str and return only "ip=xxx.xxx.xxx.xxx"
  const userIpAddr2 = userIpAddr[0].match(/[^ip=]/gm); //return xxx.xxx.xxx.xxx (array)
  userIpAddrFinal = String(userIpAddr2).replace(/\,/gm, ""); //convert array to str

});

$.ajax(ipInfoSettings).done(function (ipInfo) {
  userIPInfo = ipInfo;
});

站长提示：
1. 平台上所有素材资源，需注册登录会员方能正常下载。
2. 会员用户积极反馈网站、素材资源BUG或错误问题，每次奖励20K币。
3. PHP源码类素材，如需协助安装调试，或你有二次开发需求，可联系苦力吧客服。
4. 付费素材资源，需充值后方能下载，如有任何疑问可直接联系苦力吧客服