JSONP

知识点一：JSONP数组

1、遍历JSON数组,打印数组中的元素

(1)for(var  x  in  obj){

       document.write(obj[x]);// x是索引

} 

(2)obj.forEach(function(value,index){

       document.write(value);

 })

知识点二：JSONP解决跨域问题

1、跨域：协议、域名、端口号，只要有一个不一致，就会出现跨域

2、出现跨域网页产生报错结果：

…..No ’Access-Control-Allow-Origin’ header is present on the requested resource.

3、 $(function(){

$.ajax({

       url:“https://www.baidu.com?callback=fn”,//添加callback=fn回调

       type:’get’,

       dataType:’jsonp’,//使用jsonp解决跨域问题

       success:function(res){

              console.log(res);//出现跨域，此处报错

}

})

})

Jsonp的原理：

(1)、动态创建script标签

var script=document.creatElement(“script”);

document.getElementsByTagName(“head”)[0].appendchildren(script);

(2)、为script标签添加src属性及其属性值

var url=“https://www.baidu.com?callback=fn”;

script.setAttribute(“src”,url);

(3) callback=fn,定义fn函数

function fn(){

       //业务逻辑

}

    4、解决跨域的方法：1、jsonp；2、后台配置； 3、设置代理（vue）