如何在ajax中解決跨域問題

Question

我想解決我的AJAX跨域問題。這是我在Chrome中收到的錯誤消息：

XMLHttpRequest無法加載http：//'myaddress'/ TEST/user/login/testuserid。請求標頭字段Access-Control-Allow-Headers不允許Access-Control-Allow-Origin。

這是我的源代碼進行跨域

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

Answer 1

您需要使用JSONP使CROSS DOMAIN Requests

$.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代碼。

請閱讀：

Loading cross domain endpoint with jQuery AJAX

Make cross-domain ajax JSONP request with jQuery