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)]


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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章