前端-ajax跨域请求

205 阅读1分钟
JS: ajax
    $.ajax({
        type: "GET",
        dataType : 'json',
        url: "要访问的项目",
        data: {
            "xxx":"xxx",
            "aaa":"aaa"
        },
        success:function(json) {
            //返回值
        },error: function (XMLHttpRequest, textStatus, errorThrown) {
            // 状态码
            console.log(XMLHttpRequest.status);
            // 状态
            console.log(XMLHttpRequest.readyState);
            // 错误信息   
            console.log(textStatus);
        },xhrFields: {
            withCredentials: true
        },crossDomain: true
    }); 
    
    Ps:
        必填:
            ,xhrFields: {
                withCredentials: true
            },crossDomain: true
            
        异常码:
            XMLHttpRequest:XMLHttpRequest.readyState: 状态码的意思
            0 - (未初始化)还没有调用send()方法
            1 - (载入)已调用send()方法,正在发送请求
            2 - (载入完成)send()方法执行完成,已经接收到全部响应内容
            3 - (交互)正在解析响应内容
            4 - (完成)响应内容解析完成,可以在客户端调用了
            
JAVA:   跨域请求的资源内代码
        
        request.setHeader("Access-Control-Allow-Origin", req.getHeader("Origin"));
        request.setHeader("Access-Control-Allow-Methods", "POST");
        request.setHeader("Access-Control-Allow-Credentials", "true");
        
        //Access-Control-Allow-Origin = *                               所有请求
        //Access-Control-Allow-Origin = request.getHeader("Origin")     请求方地址
        //Access-Control-Allow-Origin = http://192.168.0.195:8080       指定请求