recherche

Maison  >  Article  >  interface Web  >  Native JS et jQuery utilisent respectivement jsonp pour obtenir des 'informations météorologiques actuelles'

Native JS et jQuery utilisent respectivement jsonp pour obtenir des 'informations météorologiques actuelles'

不言
不言original
2018-07-05 17:44:421734parcourir

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          : &#39;get&#39;,
                async         : false,
                url           : &#39;http://api.k780.com/?app=weather.today&weaid=412&appkey=10003&sign=b59bc3ef6191eb9f747dd4e83c99f2a4&format=json&jsoncallback=data&#39;,
                dataType      : &#39;jsonp&#39;,
                jsonp         : &#39;callback&#39;,
                jsonpCallback : &#39;data&#39;,
                success       : function(data){                    if(data.success!=&#39;1&#39;){
                        alert(data.msgid+&#39; &#39;+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(&#39;fail&#39;);
                }
            });
        });    </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!

php JavaScript json jquery 循环 JS
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：vue implémente la mise à jour rapide de la liste après avoir cliqué sur le bouton suivreArticle suivant：vue implémente la mise à jour rapide de la liste après avoir cliqué sur le bouton suivre

Articles Liés

Voir plus