分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

分享下知心天气jsonp跨域访问的代码

发布时间:2023-09-06 01:06责任编辑:白小东关键词:jsjson跨域
 var myWeather = (function(){ ???????var funShun = "https://api.thinkpage.cn/v3/weather/now.json?location=Fushun&callback=showWeather&" ???????return { ???????????el : {}, ???????????init : function(){ ???????????????var that = this; ???????????????$.extend(that.el,{ ???????????????????‘nowWeather‘ : $(‘.now-weather‘), ???????????????????‘nowTemperature‘ : $(‘.now-temperature‘) ???????????????}) ???????????}, ???????????getUrl : function(){ ???????????????var time = Math.round(new Date().getTime()/1000); ???????????????var str = "ts=" + time + "&ttl=30&uid=UF4C86B626"; ???????????????var hash = CryptoJS.HmacSHA1(str, "nvczde0rd9tkkr3o"); ???????????????var base = hash.toString(CryptoJS.enc.Base64); ???????????????var sig = encodeURIComponent(base); ????????????????var url = funShun ?+ str + "&sig=" + sig; ???????????????return url; ???????????}, ???????????getWeather : function(){ ???????????????var that = this; ???????????????console.log(that.el.nowWeather) ???????????????$.ajax({ ???????????????????url:that.getUrl(), ???????????????????jsonp : ‘callback‘, ???????????????????jsonpCallback : ‘showWeather‘, ???????????????????success : function(data){ ??????????????????????function showWeather(data){ ???????????????????????????that.el.nowWeather.html(data.results[0].now.text) ???????????????????????????that.el.nowTemperature.html(data.results[0].now.temperature) ???????????????????????????$.cookie(‘weather‘, JSON.stringify(data)) ??????????????????????} ??????????????????????eval(data); ???????????????????} ???????????????}) ???????????}, ???????????rundev : function(){ ???????????????this.init(); ???????????????if($.cookie(‘weather‘) !=‘‘){ ???????????????????var weather = ?$.parseJSON($.cookie(‘weather‘)) ???????????????????this.el.nowWeather.html(weather.results[0].now.text) ???????????????????this.el.nowTemperature.html(weather.results[0].now.temperature) ???????????????}else{ ???????????????????this.getWeather(); ???????????????} ???????????} ???????} ???})() ???myWeather.rundev();

  

分享下知心天气jsonp跨域访问的代码

原文地址:http://www.cnblogs.com/smallteeth/p/7435230.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved