首页 / JQUERY / 原生JS和jQuery分别使用jsonp来获取“当前天气信息”

原生JS和jQuery分别使用jsonp来获取“当前天气信息”

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了原生JS和jQuery分别使用jsonp来获取“当前天气信息”，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1976字，纯文字阅读大概需要3分钟。

内容图文

这篇文章主要介绍了关于原生JS和jQuery分别使用jsonp来获取“当前天气信息”，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

需掌握的技能点：

　　jsonp、跨域相关等。

　　以下两种代码，均可直接运行。

1、使用原生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、使用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>

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

相关推荐：

js实现简单的单击图片循环播放

JavaScript中getter和setter的介绍

将网址url转化为JSON格式

以上就是原生JS和jQuery分别使用jsonp来获取“当前天气信息”的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的原生JS和jQuery分别使用jsonp来获取“当前天气信息”全部内容，希望文章能够帮你解决原生JS和jQuery分别使用jsonp来获取“当前天气信息”所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/285883.html

来源：【匿名】