Cet article présente principalement l'utilisation de jsonp par JS natif et jQuery pour obtenir des "informations météorologiques actuelles". Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer
. Points de compétence requis maîtrisés :
jsonp, corrélation inter-domaines, etc.
Les deux codes suivants peuvent être exécutés directement.
1. Utilisez JS natif :
<!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. Utilisez 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>
Ce qui précède est l'intégralité du contenu de cet article, j'espère que ce sera le cas. utile à l'apprentissage de chacun, veuillez faire attention au site Web PHP chinois pour plus de contenu connexe !
Recommandations associées :
JS implémente une lecture simple en boucle d'image en un clic
Introduction aux getters et setters en JavaScript
Convertir l'URL au format JSON
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!