JS前端獲取用戶的ip地址的方法


網址:


案例一[使用的第一個網址]

[此案例沒有返回用戶網絡是哪家運營商的]

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>

		<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> 
		<script> document.write(returnCitySN["cip"]+','+returnCitySN["cname"]) </script>
	</body>
</html>

結果:
在這里插入圖片描述

案例二[使用的第二個網址]

[此案例請求會跨域,下面會有解決跨域的方法]

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
		<script> $(() => { $.ajax({ type:"get", url:"http://ip.chinaz.com/getip.aspx", async:true, /*使用jsonp解決跨域請求*/ dataType: "jsonp", jsonp: "callback",//傳遞給請求處理程序或頁面的,用以獲得jsonp回調函數名的參數名(一般默認為:callback) //jsonpCallback:"?",//自定義的jsonp回調函數名稱,默認為jQuery自動生成的隨機函數名,也可以寫"?",jQuery會自動為你處理數據 success:(data)=>{ console.log(data) } }); }); </script>
	</body>
</html>

結果:
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-0R1z1ZB4-1585062162420)(5E8B420E9CC54395BF26D4954FE9759E)]


上面解決跨域請求參考的這篇文章 :


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM