跨域解决方式

1.JSONP实现跨域

• 原理：
  网页通过添加一个

  4. 降域

  此种方法需要主域相同且子域不同，有较大限制。

  • 域名http://b.jrg.com:8080/b.html的网页以iframe的形式嵌在域名为http://a.jrg.com:8080/a.html的网页中，他们来自不同的域名，正常情况下不能进行跨域访问。

  • 但是当我们为两个网页都加上这样一句代码：

      document.domain = 'jrg.com'
    

    这时候两个页面就位于同一个域名下面了，就可以在页面a中对页面b进行操作了。两个页面互相访问。

  • 但是这个方法有限制，就是两个域名要有相同的部分才可以。比如下面的例子中都含有“jrg.com”这一部分

  举例：

  页面a
  
      
  使用降域实现跨域
  
      
  
  
      
  
  
  
  document.querySelector('.main input').addEventListener('input', function(){
    console.log(this.value);
    window.frames[0].document.querySelector('input').value = this.value;
  })
  document.domain = "jrg.com"
  
  页面b
  
  document.domain = 'jrg.com';   把两个页面的domain设置成一样即可