ajax请求获取天气,7. jquery-ajax请求天气接口

Ajax请求

查询天气

// Ajax请求：一般在刷新页面中的局部数据时，会使用ajax请求。该请求不会去重新刷新或请求这个页面中的所有数据，而只是动态的修改一部分数据。

function getWeather() {

// 通过ajax向天气接口发送请求

// $.get('url', '请求成功之后的回调函数');

// $.post('url', 'POST参数', '请求成功之后的回调函数');

$.ajax({

// 请求地址

// val()获取输入框中的内容。

url: 'http://api.map.baidu.com/telematics/v3/weather?location=' + $('input').val() + '&output=json&ak=TueGDhCvwI6fOrQnLM0qmXxY9N0OkOiQ&callback=?',

// 请求类型：GET/POST

type: 'GET',

// 请求参数，是一个字符串。

// data: '',

// 指定服务器返回的数据类型

dataType: 'json',

// 指定请求失败的回调函数

error: function (data, status) {

console.log('请求失败：', status, data);

// 请求成功的回调函数

success: function (data, status) {

// 请求成功，得到json数据，解析json数据，将数据展示到页面中。

console.log('请求成功：', data);

var result = data['results'][0];

var current_city = result['currentCity'];

var pm25 = result['pm25'];

var weather_data = result['weather_data'][0];

var weather = weather_data['weather'];

var wind = weather_data['wind'];

var tem = weather_data['temperature'];

// 通过js给p标签赋值

$('.city').text(current_city);

$('.pm').text(pm25);

$('.weather').text(weather);

$('.wind').text(wind);

$('.temperature').text(tem);

// 发起请求的方式：同步(false)还是异步(true)

async: true

});

}

ajax请求获取天气,7. jquery-ajax请求天气接口相关推荐

ajax请求获取服务器数据,jquery.ajax发布从app引擎服务器获取数据的请求
为noob问题道歉...... 您好,如何使用jQuery.ajax从appengine服务器的Python端获取数据?我知道如何使用ajax和适当的处理程序将数据发送到服务器,但我想知道是否有人可以 ...
Ajax设置超时时长,jquery ajax超时设置
var ajaxTimeoutTest = $.ajax({ url:'', //请求的URL timeout : 1000, //超时时间设置,单位毫秒 type : 'get', //请求方式 ...
flask ajax 上传图片,flask jQuery ajax 上传文件
1.html 代码注:1.html 部分主要是一个form表单,其中表单的enctype = "multipart/form-data" 必须要有. 2.由于我的页面背景颜色设置 ...
ajax请求返回json实例,Jquery Ajax 学习实例2 向页面发出请求返回JSon格式数据
一.AjaxJson.aspx 处理业务数据,产生JSon数据,供JqueryRequest.aspx调用,代码如下: protected void Page_Load(object sender, ...
ajax servlet设置响应,在jquery的请求ajax与在servlet中的响应ajax
这次给大家带来在jquery的请求ajax与在servlet中的响应ajax,在jquery的请求ajax与在servlet中的响应ajax的注意事项有哪些,下面就是实战案例,一起来看一下. 在jsp ...
ajax调用ashx的方法,jquery.ajax请求aspx和ashx的异同 Jquery Ajax调用aspx页面方法
1.jquery.ajax请求aspx 请求aspx的静态方法要注意一下问题: (1)aspx的后台方法必须静态,而且添加webmethod特性 (2)在ajax方法中contentType必须是&q ...
ajax请求会阻塞dom,Jquery ajax 同步阻塞引起的UI线程阻塞问题_jquery
最近做一个项目,遇到了一个问题同步ajax引起的ui线程阻塞问题,下面把我的问题解决过程分享给大家. 事情起因是这样的,因为页面上有多个相似的异步请求动作,本着提高代码可重用性的原则,我封装了一个名为 ...
jQuery ajax请求两次问题,jquery ajax请求了两次问题
页面有一个请求form: 订单编号用户帐户发货状态请选择未发送已发送查询 JavaScript请求部分: function showdatalist() { var username = ...
ajax请求php保存数据格式,jQuery ajax与php进行数据交互（数据格式问题）
近期涉及到 jquery 开发,因此对jQuery做了一些初步的学习,jquery功能相对比较强大些,尤其是对ajax支持,jquery ajax与服务器交互,这种搭配使得"局部刷新,异步更 ...
ajax then fail done,我应该使用.done()和.fail()来获取新的jQuery AJAX代码而不是成功和错误...
我这样编码: $.ajax({ cache: false, url:"/Admin/Contents/GetData", data: { accountID: AccountID ...

ajax请求获取天气,7. jquery-ajax请求天气接口

ajax请求获取天气,7. jquery-ajax请求天气接口相关推荐

最新文章

热门文章