Ajax请求跨域问题， 获取不到返回数据

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/WO8451401/article/details/78799607

$.ajax({
    url : "http://www.baidu.com",
    /*type : "POST",*/
    async:false,
    dataType:'jsonp',
    data : {
        "42" : $("#42").val(),
        "52" : $("#52").val(),
        "3" : $("#3").val()
    },
    success : function(result) {
        console.log(result);
        var cardList = JSON.parse(result[57])[0].cardList;
        console.log(cardList);

        var html = "";
        $.each(cardList,function (i, ele) {
            html+='<li class="gSCard">'+
                    '<div class="cardBox">'+
                    '<a href="bankCardPay.html"></a>'+
                    '<div class="imgCard"></div>'+
                    '<div class="textCard">'+
                    '<p>'+ele.issinsname+'</p>'+
                    '<p>546523******6522'+ele.qpaycardno+'</p>'+
                    '</div>'+
                    '</div>'+
                    '<div class="removeCard"></div>'+
                    '</li>';
        });
        //追加到ul
        $("#bankCardList").append(html);

特别注意类型

dataType:'jsonp',

json：一种通用的数据传输格式，主要实现数据的传输与存储

jsonp：一种非官方协议，主要用于解决Ajax的跨域请求问题

扫描二维码关注公众号，回复： 3535566 查看本文章