這篇文章主要介紹了關於原生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來取得'當前天氣資訊”的詳細內容。更多資訊請關注PHP中文網其他相關文章！
