網址:
案例一[使用的第一個網址]
[此案例沒有返回用戶網絡是哪家運營商的]
<!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>
結果:
上面解決跨域請求參考的這篇文章 :