獲取當前位置所在省份城市和所用網路IP

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>檢測ip和地區</title>
</head>

<body>
    <div class="box" style="text-align: center;">
        <h1>您當前所在ip和地區</h1>
        <p id="city"></p>
        <p id="ip"></p>
    </div>

    <script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(function(){
            //獲取城市ajax
            $.ajax({
            url: 'http://api.map.baidu.com/location/ip?ak=ia6HfFL660Bvh43exmH9LrI6',  
            type: 'POST',  
            dataType: 'jsonp',
            success:function(data) {  
                console.log(JSON.stringify(data));
                $('#city').html(JSON.stringify(data.content.address_detail.province + "," + data.content.address_detail.city))
            }
            });
            //獲取ip ajax
            $.ajax({
                url: 'http://ip-api.com/json',
                success: function(data){
                   console.log(JSON.stringify(data));
                   $('#ip').html(JSON.stringify(data.query))
                },
                type: 'GET',
                dataType: 'JSON'
            });
        })

    </script>
</body>
</html>

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

JavaScript碎片—函數閉包（模擬面向對象）

經過這幾天的博客瀏覽，讓我見識大漲，其中有一篇讓我感觸猶深，JavaScript語言本身是沒有面向對象的，但是那些大神們卻深深的模擬出來了面向對象，讓我震撼不已。本篇博客就是在此基礎上加上自己的認知，如有錯誤，還請見諒。具體來說實現模擬面向對象主要是利用JavaScript函數閉包這個概念css3 ...
一些你可能不熟悉的JS知識點總結

js代碼暫時性死區只要塊級作用域存在let命令，它所聲明的變數就“綁定”這個區域，不再受外部的影響。這麼說可能有些抽象，舉個例子： ? 1 2 3 4 5 var temp = 123; if(true) { console.log(temp); let temp; } ? 1 2 3 4 5 v ...
如何通過setTimeout理解JS運行機制詳解

setTimeout()函數：用來指定某個函數或某段代碼在多少毫秒之後執行。它返回一個整數，表示定時器timer的編號，可以用來取消該定時器。例子 ? 1 2 3 4 5 console.log(1); setTimeout(function () { console.log(2); }, 0); ...
前端筆記知識點整合之JavaScript（六）關於那個讓人頭疼的正則表達式

一、正則表達式 1.1正則概述和體驗正則表達式是被用來匹配字元串中的字元組合的模式，常用來做表單驗證。在JavaScript中，正則表達式也是對象，是一種引用類型。案例：正確輸入一個電話號碼，010-12345678，用戶輸入正確返回“對”，錯誤返回“錯” 字元串的方法： split() 根據匹 ...
js預解析

js解析器：瀏覽器中專門用來讀取js腳本解析和執行步驟： 1）找內容——根據關鍵詞：var function 參數,全部找到之後預解析結束 a =  1//所有變數在正式運行之前，都會提前賦值undefined fn = funciong fn(){ console. ...
前端筆記知識點整合之JavaScript（五）關於數組和字元串那點事

一、數組 1.1數組概念數組(array)是一個有序的數據集合。說白了，數組就是一組數。數組內部可以存放一個或多個單獨的數據，整體組成數組。定義數組最簡單的方式：數組字面量。數組的字面量“[]”。習慣將數組賦值給一個變數。數組的字面量就是方括弧，這是定義數組最簡單的方式，至於更多創建數組的方 ...
jquery點擊回到頂部

jquery實現點擊回到頂部 ...
簡體繁體轉換

繁體詞庫封裝好的，直接就對應簡體轉換了 index.html zh.js load.js ...