Calling Restful Web service using jQuery ajax

Question

I've made a RESTful web service at localhost in Java. When I type the following url in my navigator address bar :

http://localhost:8080/GeonotesApp2-war/webresources/route/1

It will give me :

{"rid":"1","routeComment":"hhhahahahah","routeDateCreate":"2012-04-03T00:00:00+02:00","routeDistance":"13400.0","routeName":"route1","routeUserId":"1"}

Now I want to use an Ajax call to get this JSON information with this script :

<html >
<head>
    <meta charset="utf-8">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script>
    $(function(){
        $.ajax({
            type: "GET",
            url: "http://localhost:8080/GeonotesApp2-war/webresources/route/1",
            dataType: 'json',
            headers: {
                Accept: "application/json",
                "Access-Control-Allow-Origin": "*"
            },
            success: function(resp) {
                alert("success");
            },
            error: function(e) {
                alert("error: "+e);
            }
        });
    });

</script>   
</head>
<body>
    Hello Test Service!
</body>

However I'm always getting the error message :

error: [object Object]

I found this post and followed exactly what it does, but doesn't work. Can anyone tell me why? Thanks

Calling Rest webservice using JQuery Ajax call , web service is returning JSON string

Change your error handler to function (jqXHR, textStatus, errorThrown ), then you can see what the actual error is. The [object Ojbect] you're getting back is the jqXHR object. — Marcus
– Marcus, Commented Apr 22, 2013 at 16:56
@G_M I've tried change error handler to function(jqXHR, textStatus, errorThrown), I alert textStatus, it displays : error : error, when I alert errorThrown, there is nothing after 'error:' — stevey
– stevey, Commented Apr 22, 2013 at 17:03

Niels · Accepted Answer · 2013-04-22 16:56:43Z

4

The headers have to be on the service side. So the browser knows that the server allows this website to use Ajax to load the data. So these headers:

Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: GET

Links:

answered Apr 22, 2013 at 16:56

Niels

50.1k4 gold badges68 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Niels Over a year ago

Only if you load from a different domain. Otherwise you will get a security error

Collectives™ on Stack Overflow

Calling Restful Web service using jQuery ajax

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related