jQuery ajax调用REST服务

Question

我正在尝试从jquery到休息服务进行ajax调用。 使用的其他服务正是来自mkyong博客的教程，这个： http ：//www.mkyong.com/webservices/jax-rs/integrate-jackson-with-resteasy/

该服务有效，但是当我尝试从jQuery调用时，在Firebug中有一个200状态代码，但在响应部分中没有任何内容。

这是带有ajax调用的html页面：

<html>
<head>
    <script type="text/javascript" src="jquery-1.6.2.min.js"></script>
</head>

<body>  

<button id="ajax">ajax call</button>
<button id="json">json</button>

<script type="text/javascript">
    $('#json').click(function(){ 
        alert('json');
         $.getJSON("http://localhost:8080/restws/json/product/get",
         function(data) {
            alert(data);         
          });   
    });

    $('#ajax').click(function(){ 
        alert('ajax');
         $.ajax({ 
             type: "GET",
             dataType: "json",
             url: "http://localhost:8080/restws/json/product/get",
             success: function(data){        
                alert(data);
             }
         });
    });

</script>



</body>

</html>

我无法弄明白我哪里出错了，你能不能告诉我我做错了什么？

谢谢！

Answer 1

您从与请求的主机不同的主机运行HTML。 因此，您将受到相同原始策略的阻止。

解决这个问题的一种方法是使用JSONP 。 这允许跨站点请求。

在JSON中，您将被返回：

{a: 5, b: 6}

在JSONP中，JSON包含在函数调用中，因此它变为脚本，而不是对象。

callback({a: 5, b: 6})

您需要编辑REST服务以接受名为callback的参数，然后使用该参数的值作为函数名称。 您还应该将content-type更改为application/javascript 。

例如： http://localhost:8080/restws/json/product/get?callback=process应输出：

process({a: 5, b: 6})

在JavaScript中，您需要告诉jQuery使用JSONP。 要做到这一点，你需要追加?callback=? 到URL。

$.getJSON("http://localhost:8080/restws/json/product/get?callback=?",
   function(data) {
     alert(data);         
   });

如果你使用$.ajax ，它会自动追加?callback=? 如果你告诉它使用jsonp 。

$.ajax({ 
   type: "GET",
   dataType: "jsonp",
   url: "http://localhost:8080/restws/json/product/get",
   success: function(data){        
     alert(data);
   }
});

Answer 2

从8080的使用我假设你使用一个tomcat servlet容器来为你的api服务。 如果是这种情况，您还可以考虑让您的Web服务器代理对servlet容器的请求。

使用apache，您通常会使用mod_jk（尽管还有其他选择）通过端口80后面的Web服务器而不是8080来处理api，这将解决跨域问题。

这是常见做法，在Web服务器中具有“静态”内容，在容器中具有动态内容，但两者都在同一域后面提供。

其余api的url为http://localhost/restws/json/product/get

这里有关于如何使用mod_jk将apache连接到tomcat的描述： http ： //tomcat.apache.org/connectors-doc/webserver_howto/apache.html

Answer 3

我认为没有必要指明

'http://localhost:8080`"

在URI部分..因为。 如果您指定它，则必须为每个环境手动更改它。

只要

"/restws/json/product/get" also works

jQuery ajax调用REST服务

问题描述

3 个解决方案

解决方案1
78 已采纳 2011-08-18 19:15:14

解决方案2
1

解决方案3
-4 2013-11-05 08:47:50

jQuery ajax调用REST服务

问题描述

3 个解决方案

解决方案1 78 已采纳 2011-08-18 19:15:14

解决方案2 1

解决方案3 -4 2013-11-05 08:47:50

解决方案1
78 已采纳 2011-08-18 19:15:14

解决方案2
1

解决方案3
-4 2013-11-05 08:47:50