jquery利用jsonp 解决跨域问题 

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="js/jquery-3.2.1.js"></script>
</head>
<body>
<input type="button" value="获取跨域问题" id="send"/>
<textarea id="text" style="width: 400px; height: 100px;"></textarea>


<script>
    $(function(){
        $('#btn').click(function(){
          //  alert(11)
            $.ajax({
               url:"http://118.184.36.105/p2p/GetScore",
                type:"GET",
                dataType: "jsonp",
                success:function(data){
                   var result = JSON.stringify(data);
                   console.log(result);
                   $("#text").val(result);
                }
            })

        })
    

    $('#send').click(function(){
        $.ajax({
            url:"http://118.184.36.105/p2p/GetScore",
            dataType:'jsonp',
            success:function(data){
                if(data.status){
                    alert(data.msg);
                }
                console.log(data)
                $("#text").val(data);
            }
        })

    })
})
</script>
</body>
</html>
posted @ 2018-06-20 13:36  yaomengli  阅读(193)  评论(0)  编辑  收藏  举报