JQuery Ajax 跨域 Java Web 服务调用出错

Question

在跨域上使用 JQuery Ajax 进行 Web 服务调用时出现错误。

我的 JQuery 代码是

window.myCallback = function(data) {
   alert(JSON.stringify(data));
};

$("#submit").click(function(event){
  $.ajax({
    url:  "http://jsfiddle.net/echo/jsonp/",
    type: 'GET',
    dataType: 'jsonp',
    jsonp: 'callback',
    jsonpCallback: 'myCallback'
  });
});

我的服务器代码是java web service

import javax.ws.rs.GET;
import javax.ws.rs.Path;
import javax.ws.rs.Produces;
import javax.ws.rs.core.MediaType;
import javax.ws.rs.core.Response;
import javax.ws.rs.core.Response.ResponseBuilder;

@Path("/users")
public class UserDetails {

  @GET
  @Produces({MediaType.APPLICATION_JSON})
  public Response getUserDetails(){
      User user = new User("sam","smith","abc123","xyz");
      ResponseBuilder rb = Response.status(200).entity(user);
      return rb.header("Access-Control-Allow-Origin", 
 "*").header("Access-Control-Allow-Headers", "*").build();
  }
}

错误：

Answer 1

您没有收到 JSONP 响应，您收到的是 JSON - JSONP 将是 mime 类型 application/javascript

您的应用程序需要返回（在 PHP 中，您需要找出 MediaType.APPLICATION_JSONP 在您的 JAVA 中的样子 - 可能在这里 REST - Jersey -Providing Cross Site Access

header("content-type: application/javascript");
echo $callback.'({"...":"..."})';

而不是

header("content-type: application/json");
echo '{"...":"..."}';

所以让客户端消费 JSON，试试

$("form").on("submit",function(event){ // better than click a submit
  event.preventDefault(); 
  $.getJSON("yourserverprocess",myCallback);
});