IE9中ajax跨域访问

2021-06-15 12:29:58 阅读：256 来源： 互联网

标签：IE9 Control 跨域 XDomainRequest Access ajax Allow response setHeader

在IE版本中，IE10开始支持使用 XMLHTTPRequest 的 CORS；而IE8和IE9不支持XMLHTTPRequest ，直接使用会有拒绝访问、session丢失等一系列问题，所以跨域对象只能用XDomainRequest对象，而jQuery并不兼容XDomainRequest。针对此方法网络上有解决的插件 jQuery-ajaxTransport-XDomainRequest。

jQuery XDomainRequest 是一个利用 XDomainRequest 对象为 IE8、IE9 实现跨域资源共享（CORS - Cross Origin Resource Sharing）的 jQuery 插件。

GitHub地址：https://github.com/MoonScript/jquery-ajaxTransport-XDomainRequest

要XDomainRequest在Internet Explorer中使用，请求必须为：

只有GET或POST
张贴时，数据将始终与发送Content-Type的text/plain
只有HTTP或HTTPS
协议必须与呼叫页面的方案相同
始终异步

使用方法

至少使用jQuery 1.5版，只需在页面中包含jquery.xdomainrequest.min.js脚本，然后像往常一样进行AJAX调用。

注意：

（1）IE11 弃用了 XDomainRequest 对象，所以应用是最好加上浏览器的版本判断

（2）CORS要求Access-Control-Allow-Origin标头出现在服务器的AJAX响应中。

<!--[if lte IE 9]>
<script type='text/javascript' src='${site.sitePath}/xdomainrequest/jquery.xdomainrequest.min.js'></script>
<![endif]-->

基本用法

GET方法：

$.getJSON('URL地址').done(function(data) {
  console.log(data);
  //业务代码实现
});

POST方法：

// POST
$.ajax({
  url: 'url地址',
  data: 'post的参数',
  contentType: 'text/plain',
  type: 'POST',
  dataType: 'json'
}).done(function(data) {
  console.log(data);
 //业务代码实现
});

修改后台服务器：

后台服务中设置允许跨域请求，在filter拦截器中进行设置：

        //设置跨域请求
        HttpServletResponse response = (HttpServletResponse) res;
        //此处ip地址为需要访问服务器的ip及端口号
        response.setHeader("Access-Control-Allow-Origin", "*");
        response.setHeader("Access-Control-Allow-Credentials", "true");
        response.setHeader("Access-Control-Allow-Methods", "GET, HEAD, POST, PUT, DELETE, TRACE, OPTIONS, PATCH");
        response.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type,Token,Accept, Connection, User-Agent, Cookie");
        response.setHeader("Access-Control-Max-Age", "3628800");
        chain.doFilter(req, response);

filter实例如下：

package com.taiji.filter;

import javax.servlet.*;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebFilter(filterName = "CorsFilter", urlPatterns = { "/*" })
public class CorsFilter implements Filter {
    @Override
    public void destroy() {
        // TODO Auto-generated method stub
    }

    @Override
    public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
        //设置跨域请求
        HttpServletResponse response = (HttpServletResponse) res;
        //此处ip地址为需要访问服务器的ip及端口号
        response.setHeader("Access-Control-Allow-Origin", "*");
        response.setHeader("Access-Control-Allow-Credentials", "true");
        response.setHeader("Access-Control-Allow-Methods", "GET, HEAD, POST, PUT, DELETE, TRACE, OPTIONS, PATCH");
        response.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type,Token,Accept, Connection, User-Agent, Cookie");
        response.setHeader("Access-Control-Max-Age", "3628800");
//        response.setHeader("P3P","CP=CAO PSA OUR");
        chain.doFilter(req, response);
    }

    @Override
    public void init(FilterConfig filterConfig) throws ServletException {
        // TODO Auto-generated method stub
    }
}

标签：IE9,Control,跨域,XDomainRequest,Access,ajax,Allow,response,setHeader
来源： https://blog.csdn.net/u013938578/article/details/117921479

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

IE9中ajax跨域访问

使用方法

基本用法