如何通过Ajax调用使用剩余的Web服务

Question

我想从ajax调用我的其余Web服务。 我的服务网址是“ https://scv-dev.com/cdcAug/surveys/surveyData ”。 我可以从其他客户端（firefox浏览器）调用此服务，但是尝试从ajax调用时却出错。

Ajax通话：

$.ajax({
     type: "POST",
     url: "https://scv-dev.com/cdcAug/surveys/surveyData",
     data: JSON.stringify({surveyId:1}),
     dataType: "json",
     headers: {
            Accept: "application/json",
            "Access-Control-Allow-Origin": "*"
        },
     success: function (data) {
          alert(1);
     },

     error: function (jqXHR) {            
          alert(2);
     }

 });

以下是网站服务的代码：

@RequestMapping(value = "/surveyData", method = RequestMethod.POST, headers = "Accept=application/json")
public @ResponseBody
SurveyDataResponse getSurveyData(@RequestBody SurveyResApp surveyResApp,
        final HttpServletResponse httpResponse) {
            ..............
        }

Answer 1

您似乎对Access-Control-Allow-Origin: *感到困惑。 那是服务器返回的东西，而不是客户端设置的东西。

看来您有一个同源访问错误，在浏览器错误日志中查找或诊断返回的错误代码应该可以告诉您发生了什么事情。

您可能需要通过将标头Access-Control-Allow-Origin: *到服务器响应中来启用Web服务以进行跨源访问。 请参阅此处的示例。

Answer 2

我创建了在下面的代码中添加的过滤器类，以在响应中添加“ Access-Control-Allow-Methods”。

response.addHeader("Access-Control-Allow-Origin", "*");
    response.addHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, PUT, DELETE, HEAD");
    response.addHeader("Access-Control-Allow-Headers", "X-PINGOTHER, Origin, X-Requested-With, Content-Type, Accept");
    response.addHeader("Access-Control-Max-Age", "1728000");