suchen

Heim >Web-Frontend >js-Tutorial >Native JS und jQuery verwenden jeweils JSONP, um „aktuelle Wetterinformationen' zu erhalten.

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

不言
不言Original
2018-07-05 17:44:421773Durchsuche

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>

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>

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!

php JavaScript json jquery 循环 JS
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：vue implementiert eine zeitnahe Aktualisierung der Liste nach dem Klicken auf die Schaltfläche „Folgen“.Nächster Artikel：vue implementiert eine zeitnahe Aktualisierung der Liste nach dem Klicken auf die Schaltfläche „Folgen“.

In Verbindung stehende Artikel

Mehr sehen