Rumah > hujung hadapan web > tutorial js > JavaScript之跨域问题

JavaScript之跨域问题

零到壹度
Lepaskan: 2018-04-11 16:09:15
asal
1378 orang telah melayarinya

本篇文章给大家分享的内容是JavaScript之跨域问题,有着一定的参考价值,有需要的朋友可以参考一下

1jsonp

一般接口使用jsonp跨域,使用jquery的ajax指定dataType为jsonp即可

$.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);
                }
            });
Salin selepas log masuk

jsonp支持跨域的原理:JSONP实现跨域请求的原理简单的说,就是动态创建

Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan