Native JS et jQuery utilisent respectivement jsonp pour obtenir des 'informations météorologiques actuelles'-js tutoriel-php.cn

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

不言

Libérer： 2018-07-05 17:44:42

original

1717 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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!