html接收端口的数据,JQuery实现获取接口提供的数据

该博客介绍了如何使用JQuery的Ajax方法来实现从'http://wthrcdn.etouch.cn/weather_mini'获取JSON天气数据。通过点击按钮触发事件,发送GET请求,成功后在控制台打印响应数据。教程详细解释了请求过程和错误处理机制。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Title

$(function(){

$("#btn").on("click",function(){

$.ajax({

// 后端程序的url地址

url: 'http://wthrcdn.etouch.cn/weather_mini',

// 也可以使用method,提交数据的方式,默认是'GET',常用的还有'POST'

type: 'get',

dataType: 'json', // 返回的数据格式,常用的有是'json','html',"jsonp"

data:{ // 设置发送给服务器的数据,如果是get请求,也可以写在url地址的?后面

"city":'北京'

}

})

.done(function(resp) { // 请求成功以后的操作

console.log(resp);

})

.fail(function(error) { // 请求失败以后的操作

console.log(error);

});

});

})

点击获取数据

标签:JQuery,function,log,get,url,resp,接口,获取,json

来源: https://www.cnblogs.com/eliwen/p/12047614.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值