如何通过飞行前请求从javascript调用REST Webservice？

Question

我试图从javascript本身调用另一个域中的服务。我可以请求跨域服务。但我无法从服务中检索信息。一些我如何被同源政策阻止。请帮我找出代码中的错误。

var requestJsonData;

function crossDomainCall(){  ** It will be called by button click **
    requestJsonData = createCORSRequest('POST', 'IPAddress/servicePath');
    if (requestJsonData){
        requestJsonData.onreadystatechange = handler;
        requestJsonData.send();
    }
    else {
        alert('Cross Domain Call is not invoked');
    }
}

function handler(evtXHR) {
    if(requestJsonData.readyState   ==  4) {
        if(requestJsonData.status   ==  200) {
            var response    =   requestJsonData.responseText;
        }
        else {
            alert(" Invocation Errors Occured " + requestJsonData.readyState + " and the status is " + requestJsonData.status);
        }
    }
    else {
        alert("currently the application is at " + requestJsonData.readyState);
    }
}
function createCORSRequest(method, url){
    var xhr;
        xhr = new XMLHttpRequest();
    if ("withCredentials" in xhr){
        xhr.open(method, url, true);
        xhr.setRequestHeader('X-PINGOTHER', 'pingpong');
    } else if (typeof XDomainRequest != "undefined"){
        xhr = new XDomainRequest();
        xhr.open(method, url);
    } else {
        xhr = null;
    }
    return xhr;
}

@OPTIONS
@Path("/servicePath")
@Produces("*/*")
@Consumes("*/*")
public Response corsRequest() {
    Response response   =   null;
    ResponseBuilder builder =   null;
    builder =   Response.ok();
    builder.header("Access-Control-Allow-Headers", "X-PINGOTHER");
    builder.header("Access-Control-Max-Age","1728000");
    builder.header("Access-Control-Allow-Origin","Origin_Ip_Address");
    builder.header("Access-Control-Allow-Methods", "POST, GET, OPTIONS");
    builder.header("Content-Type","text/plain");
    builder.header("Connection", "Keep-Alive");
    response    =   builder.build();
    System.out.println("Exited from Options method");
    return response;
}

@POST
@Path("/servicePath")
@Produces("application/json")
public String drawRegions() {
    System.out.println("Entered inside Post method");
            // Some calculation to arrive jsonObject.
    return jsonObject;
}

OPTIONS/SolartisGeoCodelookupService/Service/DrawRegions HTTP/1.1

主机:Cross_Domain_IP_Address

用户代理:Mozilla/5.0(x11；Linux x86_64；RV:25.0)Gecko/20100101 Firefox/25.0

起源:Origin_IP_Address

访问-控制-请求-方法：POST

访问控制请求头：x-pingother

服务器:apache-coyote/1.1

Access-Control-Allow-Headers：X-PINGOTHER

连接：保持活力

日期：Thu，2013年12月12日12:39:27格林尼治时间

响应缓存标头

来自缓存的响应标头

主机:crossDomain_IP_Address

用户代理:Mozilla/5.0(x11；Linux x86_64；RV:25.0)Gecko/20100101 Firefox/25.0

接受:text/html，application/xhtml+xml，application/xml；q=0.9,/；q=0.8

接受-语言：恩-美国，en；q=0.5

接受编码：gzip,deflate

缓存控制：无缓存

内容-长度：0

响应标头

Answer 1

与其在javascript中处理X域调用，不如在应用程序本地开发一个使用其他域中的web服务的服务，然后从javascript调用本地服务。

我还建议您使用jQuery来执行跨域Ajax调用，请参见以下链接：http://www.pureexample.com/jQuery/cross-domain-ajax.html。

没有必要直接处理XHR，因为有jQuery为您处理。

希望这能有所帮助，

问候。