jquery使用ajax
来源:互联网 发布:小狐仙软件 编辑:程序博客网 时间:2024/06/05 17:11
<input type="text" >
<input type="button" value="天气查询">
$(function() {
$(":button").click(function() {
var city=$(":text").val();
var url="http://restapi.amap.com/v3/weather/weatherInfo?key=高德地图api申请的key&city="+city;
//$.ajax是$对象的一个静态方法
$.ajax({
//请求类型
type : "GET",
//请求路径
url : url,
//预期的服务器响应的数据类型
dataType:"json",
//请求成功后的回调函数
success : function(msg) {
$("div").remove();
if(msg.lives[0].weather=="晴"){
$(document.body).append("<div><img src='sun.jpg' /></div>");
}else{
$(document.body).append("<div><img src='yun.jpg' /></div>");
}
}
//请求失败后的回调函数
error:function (xhp, textStatus, errorThrown) {
、、、、
}
});
})
})
<input type="button" value="天气查询">
$(function() {
$(":button").click(function() {
var city=$(":text").val();
var url="http://restapi.amap.com/v3/weather/weatherInfo?key=高德地图api申请的key&city="+city;
//$.ajax是$对象的一个静态方法
$.ajax({
//请求类型
type : "GET",
//请求路径
url : url,
//预期的服务器响应的数据类型
dataType:"json",
//请求成功后的回调函数
success : function(msg) {
$("div").remove();
if(msg.lives[0].weather=="晴"){
$(document.body).append("<div><img src='sun.jpg' /></div>");
}else{
$(document.body).append("<div><img src='yun.jpg' /></div>");
}
}
//请求失败后的回调函数
error:function (xhp, textStatus, errorThrown) {
、、、、
}
});
})
})
阅读全文
0 0
- JQuery中使用ajax $.ajax()
- Ajax-jQuery的Ajax使用
- 【Ajax-Jquery】使用JQuery 简化Ajax 开发
- JQuery中使用AJAX
- Jquery ajax 使用
- Jquery.ajax的使用
- jquery ajax 使用浅析
- Jquery中Ajax使用
- jquery ajax 使用实例
- Jquery中Ajax使用
- jquery ajax的使用
- jquery中的ajax使用
- jQuery.ajax 使用点滴
- jQuery中使用Ajax
- jquery ajax使用小结
- jquery ajax .net使用
- jQuery入门-使用AJAX
- 使用JQUERY简化AJAX
- 软件工程视频学习——第六章——面向对象的分析和设计方法
- kotlin说:老兄(Swift)我们一起打江山!
- 开源 SQL 语法转换 中间件
- eclipse不支持tomcat8.0版本解决
- 初识View-TWO
- jquery使用ajax
- 安卓开发(3):事件处理
- vue组件中的样式属性--scoped
- [LTE] 接入层与非接入层
- 数据分析(6)-性能评价与算法基础
- RetrofitAndAxJavaAndMVP二次封装
- Lectra.DesignConcept.3D.v3R1c.Multilanguage-ISO 2CD(软装饰设计软件)
- JDK_INSTALL
- 十大渗透测试演练系统