JSONP请求后台示例

最新推荐文章于 2024-06-20 20:55:24 发布

phubing

最新推荐文章于 2024-06-20 20:55:24 发布

阅读量689

点赞数 1

分类专栏：前端+ 文章标签： JSONP

本文链接：https://blog.csdn.net/qq_26975307/article/details/91457368

版权

前端+ 专栏收录该内容

44 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">

    <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 : "",
                type : "GET",
                dataType : "jsonp", // 返回的数据类型，设置为JSONP方式
                jsonp : 'callback', //指定一个查询参数名称来覆盖默认的 jsonp 回调参数名 callback

                success: function(data,status,xhr){
					alert(data["data"]["electricQuantity"]);
                }
            });
        });
    });
</script>
</html>

注：需要后台封装下返回的数据格式