Native JS und jQuery verwenden jeweils JSONP, um „aktuelle Wetterinformationen' zu erhalten.-js-Tutorial-php.cn

Native JS und jQuery verwenden jeweils JSONP, um „aktuelle Wetterinformationen' zu erhalten.

不言

Freigeben： 2018-07-05 17:44:42

Original

1732 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die Verwendung von jsonp durch natives JS und jQuery vor, um „aktuelle Wetterinformationen“ zu erhalten. Jetzt kann ich ihn mit Ihnen teilen

Erforderliche Fähigkeitspunkte beherrschen:

jsonp, domänenübergreifende Korrelation usw.

Die folgenden zwei Codes können direkt ausgeführt werden.

1. Verwenden Sie natives 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>

Nach dem Login kopieren

2. Verwenden Sie 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>

Nach dem Login kopieren

Das Obige ist der gesamte Inhalt dieses Artikels . Weitere verwandte Bitte beachten Sie den Inhalt der chinesischen PHP-Website!

Verwandte Empfehlungen:

JS implementiert eine einfache Click-to-Click-Bildschleifenwiedergabe

Einführung in Getter und Setter in JavaScript

URL in JSON-Format konvertieren

Das obige ist der detaillierte Inhalt vonNative JS und jQuery verwenden jeweils JSONP, um „aktuelle Wetterinformationen' zu erhalten.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!