【web前端】给个接口链接,输出返回值

2017-01-04 19:17:17来源:CSDN作者:u013723671人点击

前端小白一枚,这两天一直再看ajax,接口。可是完成一个例子真的太不容易了。自己去某些接口网站申请接口,接口申请到了,使用$.ajax(),处理数据,在数据的处理过程中,又遇到了从未听过的【跨域】问题,有个好心人给我发了个链接:https://www.zhihu.com/question/26376773 让我真的了解了,如何处理【跨域】问题,我搞了两天才搞明白的东西…希望从零接触ajax的人能有所收获吧。真的,有可能对大神们来说就是一句话的事,但对于像我一样的小白就是几天瞎琢磨的事,但是还好,有所收获,前端学的东西很多,但是愿意分享的人也不少。

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title></title>    <script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>    <style>        #txt{width: 100px;height: 200px;}    </style>    <script>        $(function(){            $('#datatime').blur(function(){                jQuery.ajax({                    type: "get",                    async: false,                    url: "http://v.juhe.cn/calendar/day?",                    dataType: "jsonp",                    data:{date:$('#datatime').val(),key:'69d4180283bc7a072320fbdaec537196'},                    jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback)                    jsonpCallback:"flightHandler",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据                    success: function(json){                        //返回数据是JSON格式                        $.each(json.result, function(i, item) {                            $('#txt').html(                                    "<div>" + item.date + "</div>" +                                    "<div>" + item.lunar  + "</div>" +                                    "<div>" + item.lunarYear + "</div><hr/>"                            );                        });                        },                    //返回数据是字符串形式                       /* $('#txt').html(JSON.stringify(json));*/                    error: function(){                        alert('fail');                    }                });            })        })    </script></head><body><input type="text" id="datatime" /><span>日期格式:xxxx-x-x</span><div id="txt"></div></body></html>

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台