原生JS和jQuery分别使用jsonp来获取“当前天气信息”
程序员文章站
2022-03-25 21:14:27
...
这篇文章主要介绍了关于原生JS和jQuery分别使用jsonp来获取“当前天气信息”,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下
需掌握的技能点:
jsonp、跨域相关等。
以下两种代码,均可直接运行。
1、使用原生JS:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <p id="cur_year"></p> <p id="iciba_ds"></p></body></html><script type="text/javascript"> document.getElementById("cur_year").innerHTML =new Date(); function data(data){ //遍历 var description = ""; for(var i in data.result){ var property=data.result[i]; description+=i+" = "+property+"<br />"; } document.write(description); }</script><script type="text/javascript" src="http://api.k780.com:88/?app=weather.today&weaid=412&&appkey=10003&sign=b59bc3ef6191eb9f747dd4e83c99f2a4&format=json&jsoncallback=data"></script>
2、使用jquery:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="jquery-3.3.1.min.js"></script> <script> $(document).ready(function(){ $.ajax({ type : 'get', async : false, url : 'http://api.k780.com/?app=weather.today&weaid=412&appkey=10003&sign=b59bc3ef6191eb9f747dd4e83c99f2a4&format=json&jsoncallback=data', dataType : 'jsonp', jsonp : 'callback', jsonpCallback : 'data', success : function(data){ if(data.success!='1'){ alert(data.msgid+' '+data.msg); exit; } //遍历 var description = ""; for(var i in data.result){ var property=data.result[i]; description+=i+" = "+property+"<br />"; } document.write(description); }, error:function(){ alert('fail'); } }); }); </script></head><body></body></html>
以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!
相关推荐:
以上就是原生JS和jQuery分别使用jsonp来获取“当前天气信息”的详细内容,更多请关注其它相关文章!
上一篇: call_user_func函数的注意事项_PHP教程
下一篇: php静态方法及普通方法的区别详解