zoukankan      html  css  js  c++  java
  • AJAX的跨域

    AJAX的跨域

    ajax:同源策略:

    主机地址+端口号 ,相同称为同源;不同称为跨域。

    跨域资源共享(CORS) 是一种机制,它使用额外的 HTTP 头来告诉浏览器 让运行在一个 origin (domain) 上的Web应用被准许访问来自不同源服务器上的指定的资源。当一个资源从与该资源本身所在的服务器不同的域、协议或端口请求一个资源时,资源会发起一个跨域 HTTP 请求

    解决跨域

    前端解决跨域 :jsonp

    jsonp:就是解决ajax跨域问题

    在ajax中

    dataType = "jsonp"; / 使用jsonp

    jsonpCallback = "String";/ 为回调函数取名

    jsonp的原理:通过动态添加<script>标签来实现跨域。

    后台解决跨域

    采用cors机制,设置响应的头部信息(让服务器端支持跨域)

    /* 允许跨域的主机地址 */
    response.setHeader("Access-Control-Allow-Origin", "*");  
    /* 允许跨域的请求方法GET, POST, HEAD 等 */
    response.setHeader("Access-Control-Allow-Methods", "*");  
    /* 重新预检验跨域的缓存时间 (s) */
    response.setHeader("Access-Control-Max-Age", "3600");  
    /* 允许跨域的请求头 */
    response.setHeader("Access-Control-Allow-Headers", "*");  
    /* 是否携带cookie */
    response.setHeader("Access-Control-Allow-Credentials", "true");  

     

  • 相关阅读:
    移动端字体单位
    我像素的理解
    了解viewport概念
    移动端知识
    本地存储和会话存储
    一屏滚动滚轮事件
    关于jquery的笔记
    关于bind()方法
    [css] 滚动条样式问题
    [element-ui] 表格功能实现(删除选中)
  • 原文地址:https://www.cnblogs.com/-Archenemy-/p/12880528.html
Copyright © 2011-2022 走看看