ajax用jquery问题调用jax-rs

时间:2012-05-21 02:59:45

标签: java json cross-domain jax-rs jackson

我正在尝试使用post方法调用一个使用json对象的Web服务。我做了然后它再也无法工作了,不知道是什么问题。
这是我的方法

@POST
@Path("/post")
@Consumes("application/json")
@Produces("application/json")
public Response testClient(Client c) throws IOException {
    System.out.println(c.getAdresseCl());
    ResponseBuilder builder = Response.ok(c.getAdresseCl());
    builder.header("Access-Control-Allow-Origin", "*");
    builder.header("Access-Control-Max-Age", "3600");
    builder.header("Access-Control-Allow-Methods", "*");
    builder.header(
            "Access-Control-Allow-Headers",
            "X-Requested-With,Host,User-Agent,Accept,Accept-Language,Accept-Encoding,Accept-Charset,Keep-Alive,Connection,Referer,Origin");
    return builder.build();
}

打电话给我,我用这个

$.ajax({
  type: 'POST',
  url: "http://localhost:9080/FournisseurWeb/jaxrs/clients/post",
  data: '{"adresseCl":"tunis"}',
  dataType:'json',
  contentType: "application/json; charset=utf-8", 
  success: function (msg) {
    alert(msg);
  },

  error: function (xhr, ajaxOptions, thrownError) {
    alert('error');
  }

});

我注意到当我将contentType设置为application / json时,方法将更改为OPTIONS。 当我不使用内容类型时,我得到“415不支持的媒体类型”我不知道如何解决这个问题。我没有结果通过太​​多时间:(左谢谢你帮助我

2 个答案:

答案 0 :(得分:2)

当尝试在某些浏览器中发出跨域AJAX请求时,通常会看到HTTP方法更改为OPTIONS而不是更有意义的错误消息。

我在你的URL中注意到你包含了协议,域和端口,它支持你实际上试图向不同的域/端口组合发出AJAX请求而不是原始上下文的理论。

为了澄清,即使您的请求来自localhost并且定位到localhost,端口(9080)和协议(http)也必须匹配。

因此,如果您加载的页面是“http:// localhost:8080”,并且您正在尝试向“http:// localhost:9080”发出AJAX请求,则请求将失败,可能会抛出相同的内容 - 域安全性错误,415不支持的媒体类型,和/或将HTTP方法更改为OPTIONS。

确保避免此错误的一种方法是在发出AJAX请求时仅使用完整路径或相对路径,例如:

url: "/FournisseurWeb/jaxrs/clients/post",

这会强制您始终向同一个域发出请求。

跨域请求

如果确实需要能够发出跨域请求,这是可能的,但只能通过两种方法。

首先,您可以使用代理,向您的域发出HTTP请求,然后将请求转发到另一台服务器。在从彼此发送和接收数据时,服务器无需关注相同域策略。

其次,您可以使用JSONP,也称为脚本代码远程处理,它涉及利用<script>元素跨不同域发送请求的能力。

// added callback= query parameter to convert this to JSONP
$.ajax({
  type: 'POST',
  url: "http://localhost:9080/FournisseurWeb/jaxrs/clients/post?callback=",
  data: '{"adresseCl":"tunis"}',
  dataType:'json',
  contentType: "application/json; charset=utf-8", 
  success: function (msg) {
    alert(msg);
  },    
  error: function (xhr, ajaxOptions, thrownError) {
    alert('error');
  }
});

注意:使用JSONP时,您的服务器必须使用回调参数标识的函数调用中包含的JSON进行响应。有关更深入的详细信息,请参阅jQuery文档。

除此之外,您必须向加载页面的同一域发出AJAX请求。

答案 1 :(得分:1)

这是使用文本xml fomat并将其映射到对象以保持下一个的方法

@POST
@Path("/inscription")
@Produces(MediaType.TEXT_HTML)
public Response testClient(String s) {
    ResponseBuilder builder = null;

    try {

        final String xmlString = s;
        final StringReader xmlReader = new StringReader(xmlString);
        final StreamSource xmlSource = new StreamSource(xmlReader);
        final JAXBContext jaxbContext = JAXBContext
                .newInstance(Client.class);
        final Unmarshaller unmarshaller = jaxbContext.createUnmarshaller();
        final Client client = (Client) unmarshaller.unmarshal(xmlSource,
                Client.class).getValue();
        System.out.println("nomCl  : " + client.getNomCl());
        System.out.println("prenomCl  : " + client.getPrenomCl());
        System.out.println("emailCl  : " + client.getEmailCl());
        System.out.println("numTel  : " + client.getNumTel());
        System.out.println("long_  : " + client.getLong_());
        System.out.println("lat  : " + client.getLat());
        System.out.println("LoginCl  : " + client.getLoginCl());
        System.out.println("PasswordCl  : " + client.getPasswordCl());
        System.out.println("adresseCl  : " + client.getAdresseCl());
        EntityManagerFactory factory;
        factory = Persistence.createEntityManagerFactory("FournisseurWeb");
        EntityManager em = factory.createEntityManager();
        em.getTransaction().begin();
        em.persist(client);
        em.getTransaction().commit();
        em.close();
        factory.close();
        builder = Response.ok("true");
    } catch (Exception e) {
        System.out.println(e.getMessage());
        e.printStackTrace();
        builder = Response.ok("false");
        builder.header("Access-Control-Allow-Origin", "*");
        builder.header("Access-Control-Max-Age", "3600");
        builder.header("Access-Control-Allow-Methods", "POST");
        builder.header(
                "Access-Control-Allow-Headers",
                "X-Requested-With,Host,User-Agent,Accept,Accept-Language,Accept-Encoding,Accept-Charset,Keep-Alive,Connection,Referer,Origin");
        return builder.build();
    }
    builder.header("Access-Control-Allow-Origin", "*");
    builder.header("Access-Control-Max-Age", "3600");
    builder.header("Access-Control-Allow-Methods", "POST");
    builder.header(
            "Access-Control-Allow-Headers",
            "X-Requested-With,Host,User-Agent,Accept,Accept-Language,Accept-Encoding,Accept-Charset,Keep-Alive,Connection,Referer,Origin");
    return builder.build();
}

我使用带有此示例的ajax来调用此方法:

var x="<client><nomCl>Taarit</nomCl><prenomCl>Aymen</prenomCl><emailCl>aymen.taarit@gmail.com</emailCl><numTel>222</numTel><long_>1.66</long_></client>";
$.ajax({
        url: 'http://localhost:9080/FournisseurWeb/jaxrs/clients/cl',
        type: 'post',
        scriptCharset: "utf-8" ,
        dataType:"xml",
        data: x,
        success: function(data, status) {  
        console.log(data);         
        }
    });

这是一个使用跨域的ajax POST的jax-rs调用,所以希望它有帮助:)

注意:没有JSONP的跨域调用在这里是合法的,因为服务器返回以下标头,这启用了跨域AJAX!

 builder.header("Access-Control-Allow-Origin", "*");

有关详细信息,请参阅Mozilla Developer Center page on Access-Control-Allow-Origin