Jquery中ajax

来源：互联网发布：vb.net 添加控件编辑：程序博客网时间：2024/06/05 18:09

Jquery中ajax

用链接高德天气做案列:

1.Jquery.ajax

//get请求$(function() {  $("input[type='button']").click(function(){ var addCode=$("#addCode").val(); var url="http://restapi.amap.com/v3/weather/weatherInfo?key=88d713bc2b7b115affe946f73861c4d4&city="+addCode; var jsonObj={      type: "GET",   url: url,   //将返回的字符串 转换成json对象(JSON.parse())   dataType:"json",   //请求响应的回调函数 参数1就是写回的json数据   success: function(msg){   var tq=msg.lives[0].weather;   $("img").remove();  if(tq=="晴"){  $(document.body).append("<div><img src='sun.png'></div>");  }else{  $(document.body).append("<div><img src='yun.png'></div>");  }   } } $.ajax(jsonObj)     });     });

//post请求 $(function() {  $("input[type='button']").click(function(){ var addCode=$("#addCode").val(); var url="http://restapi.amap.com/v3/weather/weatherInfo"; var jsonObj={      type: "POST",   url: url,   //将返回的字符串 转换成json对象(JSON.parse(返回字符串))   dataType:"json",   //传送的数据   data:"key=88d713bc2b7b115affe946f73861c4d4&city="+addCode,   //请求响应的回调函数 参数1就是写回的json数据   success: function(msg){   var tq=msg.lives[0].weather;   $("img").remove();  if(tq=="晴"){  $(document.body).append("<div><img src='sun.png'></div>");  }else{  $(document.body).append("<div><img src='yun.png'></div>");  }   },   error:function(xhr,textStatus,errorThrown){   alert("调用失败"+errorThrown);   } } $.ajax(jsonObj)     });     }); <input id="addCode" type="text" value=""/><input type="button" value="获取天气"/>

2.Jquery.get

$(function() { $("input[type='button']").click(function(){ var addCode=$("#addCode").val(); var url="http://restapi.amap.com/v3/weather/weatherInfo"; $.post(url,"key=88d713bc2b7b115affe946f73861c4d4&city="+addCode,function(msg){  var tq=msg.lives[0].weather;   $("img").remove();  if(tq=="晴"){  $(document.body).append("<div><img src='sun.png'></div>");  }else{  $(document.body).append("<div><img src='yun.png'></div>");  } })      });     }); <input id="addCode" type="text" value=""/><input type="button" value="获取天气"/>

阅读全文

0 0