查询天气预报的php代码,jQuery输入城市查询天气预报代码

jQuery输入城市查询天气预报代码

这是一款利用百度提供的接口实现的jQuery表单输入城市查询天气预报情况代码。

js代码

$("input[type=button]").on("click",function(){

var cityName=document.querySelector("#cityName").value;

//跨域是浏览器的安全策略.

//我现在是jQuery ，jQuery 怎么去解决

//jQuery 解决的方式.

$.ajax({

url:"http://api.map.baidu.com/telematics/v3/weather",

type:"get",

data:{

location:cityName,

output:'json',

ak:'6tYzTvGZSOpYB5Oc2YGGOKt8'

/*预期服务器端返回的数据类型，假设我现在跨域了，我就改成jsonp 就可以了 */

dataType:"jsonp",

success:function(data){

console.log(data)

//百度那边的数据已经回来，我现在要解析这个数据.

var weatherData=data.results[0].weather_data;

var obj={

list:weatherData

}

var html=template("templateId",obj);

document.querySelector("table").innerHTML=html;

}

})

申明：php中文网下载站匠心打造专业的IT资源下载站！一切资源免费，来源网络收集，请自行检测软件的完整性。交流QQ群：916808767

查询天气预报的php代码,jQuery输入城市查询天气预报代码相关推荐

微信查询天气php程序,微信公众号开发-输入城市查询天气
/** * 查询天气输入城市名称比如:北京,即可返回天气信息 */ //define your token define("TOKEN", "******") ...
html5树形菜单代码,jquery实现树形菜单完整代码
本实例实现了树形的动态菜单,兼容IE8,火狐,Chrome等浏览器.使用了jQuery的toggle() 方法.效果和代码如下: jquery的树形菜单代码 body { font-family:&q ...
jquery 中加入html代码,jquery实现动态添加html代码
先看下思导图,整体了解下,然后我们再来学习. 现在我们来看一下几段代码,然后根据这几段代码我们来学习一下如何正确的学习动态添加html. 一.html()方法 html函数的作用原理首先是移除目标元素 ...
HTML京东商品页面代码,jquery仿京东商品页面代码分享
jquery仿京东商品页面京东页面大家都很熟悉,进入商品页面把鼠标放在图片上旁边会出现一个放大的效果,接下来就带大家看看怎么实现的!!!! 仿京东商品页面的效果!!! 仿京东商品页面css的代码!! ...
jq实现html分页代码,jquery 分页控件实现代码
jquery分页控件 var pageindex=1; var totelsize=60; var centersize=5; var pagesize=0; var totelSec=0; var ...
Python 爬取任意指定城市的天气预报，总共1万字❤️解决重要的“任意指定城市”的问题哦
上一篇做了一个新闻类爬虫,积累了一些小经验.学到一点:在写文章时最好不要把网站名称和爬取到的新闻文本一起发来,可能会被CSDN下架的.这次准备好爬取天气预报网站,内容应该不像新闻类的可能涉及政治,但网 ...
python输入姓名删除电话号码_pyhon基础之实例操作__个人名片管理系统，输入，查询，增加，删除等基本表的操作...
说明:为了操作方便,在python中我们用字典来获取输入的数据,通过对字典的增删改查实现相应的功能: #这是一个个人名片管理系统 class BusinessCard(object): def __i ...
python天气查询系统有什么知识点_Python入门天气查询程序
刚入门python,借鉴了论坛上前人写的天气查询程序通过使用中国天气网的API接口来实现如图: 贴上源代码,希望大家评论交流: import urllib.request import gzip ...
Py：利用pickle模块和API天气接口实现输入城市得到该城市的天气预报
Py:利用pickle模块和API天气接口实现输入城市得到该城市的天气预报目录输出结果实现代码输出结果实现代码 # -*- coding: utf-8 -*- ''' Created on ...
微信开发学习：输入城市+天气接收天气预报，非非非非常好玩
这次实践一下这篇 http://www.jb51.net/article/51923.htm 输入城市+天气四个字,接收天气预报,数据来源是百度天气预报接口.原来的代码功能多,比较复杂,我精简了一下, ...

查询天气预报的php代码,jQuery输入城市查询天气预报代码

查询天气预报的php代码,jQuery输入城市查询天气预报代码相关推荐

最新文章

热门文章