2. 程式人生 > >JavaScript獲取本地城市和天氣預報實現

JavaScript獲取本地城市和天氣預報實現

阿新 • • 發佈：2019-01-18

轉自：https://blog.csdn.net/hehexiaoxia/article/details/61918553

1、獲取城市介面，新浪的介面相對簡單。

URL：http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js

結果：

[javascript]view plaincopy
  1. var remote_ip_info = {"ret":1,"start":-1,"end":-1,"country":"\u4e2d\u56fd","province":"\u5317\u4eac","city":"\u5317\u4eac","district":"",
    "isp":"","type":"","desc":""};  

2、獲取天氣預報介面，因為baidu的介面有霧霾指數，所以選擇了它。

URL：http://api.map.baidu.com/telematics/v3/weather?location=北京&output=json&ak=EGgzZ22dsboWQEcPQ6KDQLknQd3YkkkP

響應結果：

[javascript]view plaincopy
  1. {"error":0,"status":"success","date":"2017-03-13","results":[{"currentCity":"北京","pm25":"28",
    "index":[{"title":"穿衣","zs":"較冷","tipt":"穿衣指數","des":"建議著厚外套加毛衣等服裝。年老體弱者宜著大衣、呢外套加羊毛衫。"},{"title":"洗車","zs":"較適宜","tipt":"洗車指數","des":"較適宜洗車，未來一天無雨，風力較小，擦洗一新的汽車至少能保持一天。"},{"title":"旅遊","zs":"適宜","tipt":"旅遊指數","des":"天氣較好，溫度適宜，是個好天氣哦。這樣的天氣適宜旅遊，您可以盡情地享受大自然的風光。"},{"title":"感冒","zs":"較易發","tipt":"感冒指數","des"
    :"晝夜溫差較大，較易發生感冒，請適當增減衣服。體質較弱的朋友請注意防護。"},{"title":"運動","zs":"較不宜","tipt":"運動指數","des":"天氣較好，但考慮天氣寒冷，推薦您進行各種室內運動，若在戶外運動請注意保暖並做好準備活動。"},{"title":"紫外線強度","zs":"中等","tipt":"紫外線強度指數","des":"屬中等強度紫外線輻射天氣，外出時建議塗擦SPF高於15、PA+的防晒護膚品，戴帽子、太陽鏡。"}],"weather_data":[{"date":"週一 03月13日 (實時：14℃)","dayPictureUrl":"http://api.map.baidu.com/images/weather/day/qing.png","nightPictureUrl":"http://api.map.baidu.com/images/weather/night/qing.png","weather":"晴","wind":"南風微風","temperature":"14 ~ 2℃"},{"date":"週二","dayPictureUrl":"http://api.map.baidu.com/images/weather/day/qing.png","nightPictureUrl":"http://api.map.baidu.com/images/weather/night/duoyun.png","weather":"晴轉多雲","wind":"南風微風","temperature":"15 ~ 2℃"},{"date":"週三","dayPictureUrl":"http://api.map.baidu.com/images/weather/day/duoyun.png","nightPictureUrl":"http://api.map.baidu.com/images/weather/night/duoyun.png","weather":"多雲","wind":"南風微風","temperature":"16 ~ 4℃"},{"date":"週四","dayPictureUrl":"http://api.map.baidu.com/images/weather/day/duoyun.png","nightPictureUrl":"http://api.map.baidu.com/images/weather/night/yin.png","weather":"多雲轉陰","wind":"南風微風","temperature":"17 ~ 5℃"}]}]}  
3、簡單應用

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <metahttp-equiv="Content-Type"content="text/html;charset=utf-8">
  5.     <metahttp-equiv="U-XA-Compatible"content="IE=edge,chrome=1">
  6.     <metahttp-equiv="X-UA-Compatible"content="IE=9">
  7.     <metaname="viewport"content="width=device-width,initial-scale=1">
  8.     <metaname="renderer"content="webkit|ie-comp|ie-stand">
  9.     <scripttype="text/javascript"src="/static/js/1.4.3/jquery.min.js"></script>
  10. </head>
  11. <body>
  12.     <imgid="cvsToday"src="">
  13.     <labelid="lblWeather">--</label>
  14.     <labelid="lblTemperature">--</label>
  15.     <labelid="lblCurTemp">--</label>
  16.     <scripttype="text/javascript">
  17.         // 獲取城市  
  18.         var cityUrl = 'http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js';  
  19.         $.getScript(  
  20.             cityUrl,  
  21.             function() {  
  22.                 var city = remote_ip_info.city; // 獲取城市  
  23.                 // 獲取天氣預報  
  24.                 $.ajax({  
  25.                     url: "http://api.map.baidu.com/telematics/v3/weather?location=" + city + "&output=json&ak=EGgzZ22dsboWQEcPQ6KDQLknQd3YkkkP",  
  26.                     type: "get",  

  27. 相關推薦

    JavaScript獲取本地城市和天氣預報實現

    轉自：https://blog.csdn.net/hehexiaoxia/article/details/619185531、獲取城市介面，新浪的介面相對簡單。URL：http://int.dpool.sina.com.cn/iplookup/iplookup.php?for

    GraduateDesign-給APP添加獲取位置信息和天氣預報的功能(json)

    當前位置 失敗 rac reader adl country oca import 功能 首先，我的app需要通過網絡來獲取當前所在的位置。這裏我找到了一個json來獲取本地位置信息。 http://int.dpool.sina.com.cn/iplookup/iploo

    天氣預報公網查詢城市的天氣預報提示：查詢結果為空！，這城市或區域暫時不被支持。

    image blog 代碼 設置 天氣 原因 ... 暫時 eclips 如題, 見下圖: IDEA中參數為城市名稱, 報錯.查詢結果為空, 暫不支持. 參數設置為城市代碼, 查詢結果正常. eclipse查詢, 參數設置為城市代碼和城市名稱都可以. 原因不明....

    php獲取ios或android通過文件頭(header)傳過來的坐標，通過百度接口獲取具體城市和地址，並存入到session中。

    word 請求 sse 百度 頭文件 reac session ray 位置 首先，在function.php方法文件中封裝一個獲取header頭文件的方法。 if (!function_exists(‘getallheaders‘)) { 　　function g

    JQ得到當前登錄城市和天氣

    16px inf stat 天氣 iframe date $.ajax function url $(function () { findWeather(); }); function findWeather() {

    JavaScript----獲取本地時間並格式化

    獲取JavaScript 的時間使用內建的Date函式完成 var mydate = new Date(); var time='現在的時間是:'; time+=mydate.getYear()+"年"; //獲取年份(2位) time+=( mydate.getMonth() + 1 )+"月

    轉載阿訊小飛 https://www.cnblogs.com/iflygofy/p/5209725.html 關於JavaScript獲取瀏覽器高度和寬度值

    JavaScript獲取瀏覽器高度和寬度值 IE中：  document.body.clientWidth ==> *DY物件寬度 document.body.clientHeight ==> *DY物件高度 doc

    獲取本地拍照和相簿顯示到ImageView

    先來看看效果 xml佈局程式碼 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xm

    Python爬蟲獲取最近七天天氣預報資訊

    主要用到python的requests庫和BeatifulSoup庫，程式碼如下： #encoding:utf-8 import requests import psycopg2 import datetime import re from bs4 import Beaut

    小程式 獲取當前位置和天氣

    "use strict";function _classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}var _createClass=function(){functi

    Java獲取本地IP和計算機名

    package com.bjsxt.base.bhz.nio.test; import java.net.InetAddress; import java.net.UnknownHostException; public class Test {public static

    java獲取本地IP和伺服器IP

    java獲取IP地址 最近公司在做日誌報警服務，並將異常資訊推送到簡聊，需要在異常資訊上新增IP地址，用於快速定位異常位置。總結以下知識點： 獲取本地IP地址 String address = InetAddress.getLocalHost().ge

    IOS -- 獲取本地圖片和網路圖片的大小size

    // 獲取圖片的size CGSize size = [UIImage imageNamed:@"regStep2_sex"].size;  獲取網路圖片的尺寸: // 根據圖片url獲取圖片尺寸 +(CGSize)getImageSizeWithURL:

    JavaScript獲取物件屬性和設定物件屬性總計

    通過id、classname以及tagname，利用document的getElementById、getElementsByClassName、getElementsByTagName，我們可以獲取到文件樹中的任意元素節點物件。有了節點物件，我們可能會對其屬性

    javascript獲取瀏覽器寬度和高度

    測試瀏覽器及版本：IE8、FF5、Chrome12 螢幕解析度：1366 x 768 1.獲取螢幕解析度（所有瀏覽器一致）： 螢幕橫向解析度：window.screen.width   1366 螢幕縱向解析度：window.screen.height   768 2

    C++在windows下獲取本地流量和網速的程式

    #include <iostream>  #include <fstream>  #include <string> #include <cstdlib> #include <windows.h> using na

    實時股票和天氣預報

    實時股票 Google 的資料 1. 實時資料 http://www.google.com/ig/api?h1=zh-CN&stock=600001 2.K線圖 http://www.google.cn/finance/getchart?q=600336&x

    免費天氣API，全國天氣 JSON API介面，可以獲取五天的天氣預報

    穩定高效的天氣API介面是很少有的，本站前一段時間開發了一個萬年曆，需要帶天氣預報，花了幾天功夫，整合和容錯處理好對外開放的天氣介面。天氣介面支援返回  JSON  和  XML  結果。並且可以獲取到昨天，以及今天和未來4天的天氣預報。那麼下面直接介紹天氣預報的介面吧

    javascript獲取Document型別和Element型別屬性

    DOM節點層次：Document型別JavaScript 通過 Document 型別表示文件。在瀏覽器中， document 物件是 HTMLDocument（繼承自 Document 型別）的一個例項，表示整個 HTML 頁面。而且， document 物件是 wind

    JavaScript 獲取當前時間和時間戳 時間戳和日期格式的轉換

    formatAdd(m){    return m<10?'0'+m:m},formatTime(timeStamp){    var time = new Date(timeStamp);    var y = time.getFullYear();    var m = time.getMonth(