jq实现jsonp

最新推荐文章于 2023-11-18 15:19:41 发布

weixin_34072637

最新推荐文章于 2023-11-18 15:19:41 发布

阅读量59

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/SharkChilli/p/8477136.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery实现JSONP</title>
</head>
<body>
    <div id="mydiv">
        <button id="btn">点击</button>
    </div>
</body>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script type="text/javascript">
    $(function(){
        $("#btn").click(function(){

            $.ajax({
                async : true,
                url : "https://api.douban.com/v2/book/search",
                type : "GET",
                dataType : "jsonp", // 返回的数据类型，设置为JSONP方式
                jsonp : 'callback', //指定一个查询参数名称来覆盖默认的 jsonp 回调参数名 callback
                jsonpCallback: 'handleResponse', //设置回调函数名
                data : {
                    q : "javascript", 
                    count : 1
                }, 
                success: function(response, status, xhr){
                    console.log('状态为：' + status + ',状态是：' + xhr.statusText);
                    console.log(response);
                }
            });
        });
    });
</script>
</html>

转载于:https://www.cnblogs.com/SharkChilli/p/8477136.html

优惠劵

weixin_34072637

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jq实现jsonp

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery实现JSONP</title></head><body> <div id="mydiv">...
复制链接

扫一扫