js跨域资源共享 基础篇


Posted in Javascript onJuly 02, 2016

本文详细介绍了javascript跨域资源共享,供大家参考,具体内容如下

1.为什么提出跨域资源共享(CORS)?
    因为XHR实现ajax的安全限制是:XHR 对象只能访问与包含它的页面位于同一个域中的资源

2.如何实现跨域?(跨浏览器)

// 跨浏览器创建并返回CORS对象
  // param method : 请求的方式, get or post
  // param url : 跨域请求的url
  // return xhr : 返回的跨域资源对象
  function createCORSRequest(method, url){
    var xhr = new XMLHttpRequest(); 
    if ("withCredentials" in xhr){
      xhr.open(method, url, true);  // CORS都是通过异步的请求
    } else if (typeof XDomainRequest != "undefined"){  // IE
      vxhr = new XDomainRequest();
      xhr.open(method, url);
    } else {
      xhr = null;
    }
    return xhr;
  }
  var request = createCORSRequest("get", "http://localhost/aaa/dome2.php");
  if (request){
    // 用于替代onreadystatechange 检测成功,表示接受数据完毕
    request.onload = function(){
      // 对响应的信息进行处理
      alert(request.responseText);  // 取得响应的内容
    };
    // 用于替代onreadystatechange 检测错误。
    request.onerror = function(){
      // 对响应的信息进行处理
    };
    // 用于停止正在进行的请求。
    request.onabort = function(){
      // 对响应的信息进行处理
      alert(request.responseText);
    };
    // 跨域发送请求
    request.send();
  }

以上就是本文的全部内容,希望对大家的学习有所帮助。

Javascript 相关文章推荐
javascritp实现input输入框相关限制用法
Jun 29 Javascript
JS将表单导出成EXCEL的实例代码
Nov 11 Javascript
浅析document.ready和window.onload的区别讲解
Dec 18 Javascript
js调用打印机打印网页字体总是缩小一号的解决方法
Jan 24 Javascript
javascript中parseInt()函数的定义和用法分析
Dec 20 Javascript
js实现兼容IE和FF的上下层的移动
May 04 Javascript
Jquery 自定义事件实现发布/订阅的简单实例
Jun 12 Javascript
JavaScript SHA-256加密算法详细代码
Oct 06 Javascript
mui上拉加载更多下拉刷新数据的封装过程
Nov 03 Javascript
JS实现验证码倒计时的注册页面
Jan 02 Javascript
Vue 之孙组件向爷组件通信的实现
Apr 23 Javascript
开源一个微信小程序仪表盘组件过程解析
Jul 30 Javascript
JavaScript数据存储 Cookie篇
Jul 02 #Javascript
JavaScript实现简单的拖动效果
Jul 02 #Javascript
jQuery插件简单学习实例教程
Jul 01 #Javascript
jquery插件autocomplete用法示例
Jul 01 #Javascript
AngularJS 避繁就简的路由
Jul 01 #Javascript
AngularJS使用指令增强标准表单元素功能
Jul 01 #Javascript
AngularJS实现分页显示数据库信息
Jul 01 #Javascript
You might like
解析php利用正则表达式解决采集内容排版的问题
2013/06/20 PHP
PHP简单实现HTTP和HTTPS跨域共享session解决办法
2015/05/27 PHP
js 获取class的元素的方法 以及创建方法getElementsByClassName
2013/03/11 Javascript
javascript中parentNode,childNodes,children的应用详解
2013/12/17 Javascript
常用的几段javascript代码分享
2014/03/25 Javascript
直接拿来用的15个jQuery代码片段
2015/09/23 Javascript
微信小程序 引用其他js文件实现代码
2017/02/22 Javascript
node.js实现回调的方法示例
2017/03/01 Javascript
jquery点赞功能实现代码 点个赞吧!
2020/05/29 jQuery
详解Javascript获取缓存和清除缓存API
2017/05/25 Javascript
使用Node.js实现RESTful API的示例
2017/08/01 Javascript
原生JS实现移动端web轮播图详解(结合Tween算法造轮子)
2017/09/10 Javascript
vue+node+webpack环境搭建教程
2017/11/05 Javascript
对Vue.js之事件的绑定(v-on: 或者 @ )详解
2018/09/15 Javascript
详解ES6 Promise对象then方法链式调用
2018/10/20 Javascript
vue 获取url参数、get参数返回数组的操作
2020/11/12 Javascript
Python2.x利用commands模块执行Linux shell命令
2016/03/11 Python
Python之os操作方法(详解)
2017/06/15 Python
解决Python的str强转int时遇到的问题
2018/04/09 Python
tensorflow 加载部分变量的实例讲解
2018/07/27 Python
使用HTML5技术开发一个属于自己的超酷颜色选择器
2013/09/22 HTML / CSS
html5通过postMessage进行跨域通信的方法
2017/12/04 HTML / CSS
One.com挪威:北欧成长最快的网络托管公司
2016/11/19 全球购物
纽约通行卡:The New York Pass(免费游览纽约90多个景点)
2017/07/29 全球购物
Nike加拿大官网:Nike.com (CA)
2019/04/09 全球购物
JBL美国官方商店:扬声器、耳机等
2019/12/01 全球购物
SK-II神仙水美国官网:SK-II美国
2020/02/25 全球购物
简述Linux文件系统通过i节点把文件的逻辑结构和物理结构转换的工作过程
2012/04/17 面试题
学院书画协会部门职责
2013/11/28 职场文书
小学教师管理制度
2014/01/18 职场文书
《兰亭集序》教学反思
2014/02/11 职场文书
公司成本主管岗位责任制
2014/02/21 职场文书
2014年发展党员工作总结
2014/11/12 职场文书
公司与个人合作协议书
2016/03/19 职场文书
七年级作文之游记
2019/12/11 职场文书
MySQL 8.0 Online DDL快速加列的相关总结
2021/06/02 MySQL