ajax无法从GET服务获取JSON字符串

时间:2014-12-09 11:31:46

标签: javascript jquery ajax

尝试从GET服务获取响应,ajax函数总是遇到错误部分。

<!DOCTYPE html>

<!-- jquery -->
<link rel="stylesheet" href="jquery/jquery-ui.css">
<script src="jquery/jquery-1.11.1.min.js"></script>
<script src="jquery/jquery-ui.js"></script>

<!-- bootstrap -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap/css/bootstrap-theme.min.css">
<script src="bootstrap/js/bootstrap.min.js"></script>

<script type="text/javascript">
$.ajax(
{
    url: "http://localhost:8080/POC-WebApplication/obtenerusuarios",
    type: "GET",
    dataType: "jsonp",
    success: function(data, textStatus, jqXHR) 
    {

        alert("success");
    },
    error: function(data, textStatus, jqXHR)
    {
        alert("FAIL!!!!\ndata: "+data+"\ntextStatus: "+textStatus+"\njqXHR: "+jqXHR);
    }
});
</script>

当浏览器执行代码时,我得到了这个结果:

  • data:[object Object]
  • textStatus:parserror
  • jqXHR:错误:jQuery1111 ..... 3111未被调用

我尝试使用dataType:“json”但是我在chrome调试控制台中遇到了这个错误:

  

请求的资源上没有“Access-Control-Allow-Origin”标头。因此,不允许原点'null'访问。

和警报打印:

  • data:[object Object]
  • textStatus:错误
  • jqXHR:错误:

**** **** EDITED

我使用此Chrome应用程序解决了它:https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi

我鼓励每个遇到与我相同问题的人使用它。

1 个答案:

答案 0 :(得分:0)

据我所知,我认为您必须将这些行添加到.htaccess

<IfModule mod_headers.c>
   Header set Access-Control-Allow-Origin "*"
</IfModule>