how to solve cross domain in ajax

Question

I want to solve my AJAX cross domain problem. This is the error message I receive in Chrome:

XMLHttpRequest cannot load http://'myaddress'/TEST/user/login/testuserid . Request header field Access-Control-Allow-Origin is not allowed by Access-Control-Allow-Headers.

this is my source code

$.ajax({
    crossDomain : true,
    dataType : "json",
    url: fullUrl,
    method: method,
    headers:headers,
    data: body,
    success: function(data, state, res){
        if (data == null)
            data = '';

        console.log( '[[[[[[[[SUCCESS!!]]]]]]]   url: ' + url + ',   state:' + state + ',   data : ' + JSON.stringify( data ) );
        callback(data, state, res);
    },
    error: function(data, state){
        if ( data == null )
            data = '';

        console.log( '[[[[[[[[[ERROR!!]]]]]]]]]   url: ' + url + ', s  tate:' + state + ',   data : ' + JSON.stringify( data ) );
        callback(data, state, null);
    }
});

Servlet code for cross Domain

httpRes.setHeader("Access-Control-Allow-Origin", "*");
httpRes.setHeader("Access-Control-Allow-Methods", "GET,PUT,POST,DELETE");
httpRes.setHeader("Access-Control-Allow-Headers", "*");

Have you inspected the response in your browser to see if the headers are actually set? — NilsH, Nov 05 '14 at 07:53
did you try `httpRes.setHeader("Access-Control-Allow-Headers", "x-requested-with");` ? — Anujith, Nov 05 '14 at 07:59

score 0 · Accepted Answer · edited May 23 '17 at 12:12

0

You need to use JSONP to make CROSS DOMAIN Requests.

Please read:

Loading cross domain endpoint with jQuery AJAX

Make cross-domain ajax JSONP request with jQuery

edited May 23 '17 at 12:12

Community

1
1

answered Nov 05 '14 at 07:56

Apul Gupta

3,044
3
22
30

JSONP is not a definitive requirement. It's just one option. – NilsH Nov 05 '14 at 08:40

how to solve cross domain in ajax

1 Answers1