使用ajax獲取用戶所在地的天氣

  1.要獲取用戶歸屬地的天氣,首先得獲取用戶所在的市區,

這里先獲取用戶的IP,通過IP獲取IP的歸屬地,從而得到用戶

地址。

獲取客戶端ip:

  js:

<scripttype="text/javascript" src="http://pv.sohu.com/cityjson?ie=utf-8"></script>

<scripttype="text/javascript">

  alert(returnCitySN.cip)

</script>

獲取ip歸屬地:

? ? ? ?淘寶接口:http://ip.taobao.com/service/getIpInfo.php?ip=183.129.210.50

{"code":0,"data":{"ip":"183.129.210.50","country":"中國","area":"","region":"浙江","city":"杭州","county":"XX","isp":"電信","country_id":"CN","area_id":"","region_id":"330000","city_id":"330100","county_id":"xx","isp_id":"100017"}}

  新浪接口:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js&ip=183.129.210.50

var remote_ip_info = {"ret":1,"start":-1,"end":-1,"country":"\u4e2d\u56fd","province":"\u6d59\u6c5f","city":"\u676d\u5dde","district":"","isp":"","type":"","desc":""};

?

  2.因為阿里云提供了通過城市名(city)或者城市編號(cityId)

即可獲取天氣的API,從而獲取用戶歸屬地天氣

var city1;
$.ajax({//獲取客戶端 IP 和 歸屬地
url: "http://chaxun.1616.net/s.php?type=ip&output=json",
   contentType:'application/json;charset=urt-8',dataType:
"jsonp",success: function (data) {console.log('ip:' + data.Ip)console.log('歸屬地:' + data.Isp) var lcity = data.Isp.split(' ')[0];//獲取短名稱,如淮安市city1 = lcity.split('省')[1];console.log(city1)//因為是異步刷新,所以兩個請求幾乎同時進行 $.ajax({type: 'get',url: 'http://jisutqybmf.market.alicloudapi.com/weather/query',async: true,//設置驗證方式,設置請求頭//1,APPCodeheaders: { Authorization: "APPCODE 你的APPCode" },//2.APPSecret 暫時不能用//headers: { AppKey: '你的APPKey', AppSecret :'你的APPSecret' }, data: { city: city1 },success: function (result) {console.log(result['result'])//alert(result) },error: function () {alert('error')}});} });

?輸出結果:

?

轉載于:https://www.cnblogs.com/zhuxiang1633/p/7650182.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/454400.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/454400.shtml
英文地址,請注明出處:http://en.pswp.cn/news/454400.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Python 之協程

之前我們學習了線程、進程的概念&#xff0c;了解了在操作系統中進程是資源分配的最小單位,線程是CPU調度的最小單位。按道理來說我們已經算是把cpu的利用率提高很多了。但是我們知道無論是創建多進程還是創建多線程來解決問題&#xff0c;都要消耗一定的時間來創建進程、創建線…

ip變換器蘋果系統_加密鎖能為高鐵做什么?鐵路電力變換器系統告訴您

代表國之重器的高鐵&#xff0c;是怎樣保護他們在軟件上投資的專有技術不被仿冒、逆向工程和篡改呢&#xff1f;與一般的軟件保護加密不同&#xff0c;高鐵運行中的實時控制器對物理環境有著嚴苛的要求&#xff0c;如鐵路電力變換器系統&#xff0c;須滿足典型工業應用的擴展溫…

華為服務器ibmc怎么裝系統,華為服務器安裝操作系統

《華為服務器安裝操作系統》由會員分享&#xff0c;可在線閱讀&#xff0c;更多相關《華為服務器安裝操作系統(11頁珍藏版)》請在人人文庫網上搜索。1、華為服務器安裝操作系統 1把網線接到服務器管理口上&#xff0c;2288服務器管理口在服務器背后中下 部位置&#xff0c;有Mg…

英語面試(自我介紹,電話面試..)

大凡找工作的人&#xff0c;都有對面試的擔心&#xff0c;而英語面試最令人頭痛。面試氣氛總是緊張的&#xff0c;一緊張就容易出錯&#xff0c;中文“臺詞”都會結巴&#xff0c;何況英語&#xff01; 可俗話說&#xff0c;養兵千日&#xff0c;用兵一時&#xff0c;學了那么多…

服務端渲染與 Universal React App

隨著 Webpack 等前端構建工具的普及&#xff0c;客戶端渲染因為其構建方便&#xff0c;部署簡單等方面的優勢&#xff0c;逐漸成為了現代網站的主流渲染模式。而在剛剛發布的 React v16.0 中&#xff0c;改進后更為優秀的服務端渲染性能作為六大更新點之一&#xff0c;被 React…

zxing .net 多種條碼格式的生成

下載地址&#xff1a;http://zxingnet.codeplex.com/ zxing.net是.net平臺下編解條形碼和二維碼的工具&#xff0c;使用非常方便。 本文主要說明一下多種類型條碼的生成。 適用的場景&#xff0c;標簽可視化設計時&#xff0c;自定義條碼類型&#xff0c;預覽。 遍歷zxing支持的…

k8s dashboard_windows10 部署 docker+k8s 集群

下面是經過踩坑之后的 windows10 單機部署 docker k8s 步驟&#xff0c;其中有幾處比較關鍵的地方需要注意&#xff0c;后面加粗標注&#xff0c;下面就開始吧&#xff01;0、下載cmder在 windows 上有一個趁手的命令行工具非常有必要&#xff0c;推薦 Cmder&#xff0c;下面是…

Python 之網絡編程基礎

套接字&#xff08;socket&#xff09;初使用 基于TCP協議的socket tcp是基于鏈接的&#xff0c;必須先啟動服務端&#xff0c;然后再啟動客戶端去鏈接服務端 server端 import socket sk socket.socket() sk.bind((127.0.0.1,8898)) # 把地址綁定到套接字 sk.listen() …

ajax on ture,細數Ajax請求中的async:false和async:true的差異

實例如下&#xff1a;function test(){var temp"00";$.ajax({async: false,type : "GET",url : userL_checkPhone.do,complete: function(msg){alert(complete);},success : function(data) {alert(success);tempdata;temp"aa";}});alert(temp);…

阿里云郵箱登錄日志中有異地IP登錄是怎么回事?該怎么辦?

注意&#xff0c;請先到阿里云官網 領取幸運券&#xff0c;除了價格上有很多優惠外&#xff0c;還可以參與抽獎。詳見&#xff1a;https://promotion.aliyun.com/ntms/act/ambassador/sharetouser.html?userCode2a7uv47d&utm_source2a7uv47d以下可能&#xff1a;1、您的郵…

面試之網絡編程和并發

1、簡述 OSI 七層協議。 物理層&#xff1a;主要基于電器特性發送高低電壓(1、0)&#xff0c;設備有集線器、中繼器、雙絞線等&#xff0c;單位&#xff1a;bit 數據鏈路層&#xff1a;定義了電信號的分組方式&#xff0c;設備&#xff1a;交換機、網卡、網橋&#xff0c;單位&…

redis 遠程主機強迫關閉了一個現有的連接_記一次Redis+Getshell經驗分享

你是我患得患失的夢&#xff0c;我是你可有可無的人&#xff0c;畢竟這穿越山河的箭&#xff0c;刺的都是用情之疾的人。前言&#xff1a;當我們接到一個授權滲透測試的時候&#xff0c;常規漏洞如注入、文件上傳等嘗試無果后&#xff0c;掃描端口可能會發現意外收獲。知己知彼…

無線連接 服務器,服務器無線遠程連接

服務器無線遠程連接 內容精選換一換華為云幫助中心&#xff0c;為用戶提供產品簡介、價格說明、購買指南、用戶指南、API參考、最佳實踐、常見問題、視頻幫助等技術文檔&#xff0c;幫助您快速上手使用華為云服務。使用Mac版Microsoft Remote Desktop工具&#xff0c;遠程連接W…

面試前您該做的事情

選自本人作品&#xff1a;《軟件性能測試與LR實戰》 無論您是剛剛畢業的大學生朋友&#xff0c;還是已經有工作經驗的同行&#xff0c;大家都不可避免的面臨一個問題就是找工作或者換工作的問題。在整個應聘過程中&#xff0c;面試無疑是最具有決定性意義的重要環節&#xff0c…

IO模型

IO模型介紹 傳統的網絡IO模型包括五種&#xff1a; blocking IO 阻塞IOnonblocking IO 非阻塞IOIO multiplexing IO多路復用signal driven IO 信號驅動IOasynchronous IO 異步IO 由于signal driven IO&#xff08;信號驅動IO&#xff09;在實際中…

重溫數據結構:樹 及 Java 實現(轉)

轉自&#xff1a;http://blog.csdn.net/u011240877/article/details/53193877 讀完本文你將了解到&#xff1a; 什么是樹樹的相關術語 根節點父親節點孩子節點葉子節點如上所述節點的度樹的度節點的層次樹的高度樹的深度樹的兩種實現 數組表示鏈表表示的節點樹的幾種常見分類及…

Powershell檢測AD賬戶密碼過期時間并郵件通知

腳本主要實現了兩個功能 &#xff1a; 一能判斷賬戶密碼的過期時間并通過郵件通知到賬戶&#xff1b; 二是將這些即將過期的賬戶信息累計通知到管理員。 腳本如下&#xff1a; 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051…

js list刪除指定元素_vue.js

vue.js 中M V MV代表哪一部分 <插值表達式&#xff08;v-cloak v-text v-html v-bind&#xff08;縮寫是:&#xff09; v-on&#xff08;縮寫是&#xff09; v-model v-for v-if v-show &#xff09;<body><div id"app"><!-- 使用 v-cloak 能夠解決…

修改db2管理服務器,創建DB2管理服務器的兩種情況

DB2管理服務器在創建時分為創建一個和創建多個兩種情況&#xff0c;下面就為您詳細介紹這兩種創建DB2管理服務器的情況&#xff0c;供您參考學習。一、創建DB2管理服務器(只能創建一個)1、首先創建管理服務組用戶(可不建)命令&#xff1a;sudo groupadd dasadm12、創建用戶命令…

系統程序員成長計劃-走近專業程序員

轉載時請注明出處和作者聯系方式 文章出處&#xff1a;http://www.limodev.cn/blog 作者聯系方式&#xff1a;李先靜 <xianjimli at hotmail dot com> 需求簡述 用C語言編寫一個雙向鏈表。如果你有一定的C語言編程經驗&#xff0c;這自然是小菜一碟。有的讀者可能連一個…