GET Ajax returns html code in response instead of json object

Question

I have an ajax get request as below. I am making a GET request to server.js in openshift using nodejs express. However, i get html contents in the response method instead of json object. Both the requests are for the same domain.The node modules that I am using are moongojs,mongodb and bson.

$.ajax({
           type: "GET",
           url: "http://abc-favspot.rhcloud.com",
           contentType: "application/json",
           data: JSON.stringify(currLocation),
           dataType: "text",
           success: function(response){
           callback(response);
               },
            error: function( error ){
            console.log( "ERROR:", error );

                }
            });

My server.js file has the following code

self.routes['getData'] = function(req, res){
        console.log("gat method");            

    self.db.collection('location').find().toArray(function(err, names) {
       res.header("Content-Type:","application/json");
        console.log("success get");            
        res.send(names);
    });
  };

Try simplifying the request first. Don't make a db call, simple return some JSON in your server.js. Do this to make sure that you are calling the correct route. — pipewrk
– pipewrk, Commented Apr 22, 2014 at 1:03
btw, if callback takes response as a parameter, you don't have to wrap it in a function, i.e. : success: callback — pipewrk
– pipewrk, Commented Apr 22, 2014 at 1:21

pipewrk · Accepted Answer · 2014-04-22 10:08:05Z

2

res.send(names) is not JSON, You have to stringify the data using JSON.stringify.

Try testing before the DB call to check if it works.

res.send( JSON.stringify( {testData:'test'} ) )

Edit

As discussed in the comments, please check to ensure that your request is routed to the correct route that you declared.

Does console.log("gat method"); output anything to the terminal window?

edited Apr 22, 2014 at 10:08

answered Apr 22, 2014 at 0:48

pipewrk

7,5662 gold badges29 silver badges38 bronze badges

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

13 Comments

misthacoder Over a year ago

I have removed the dataType from ajax call,but it still didnt work

pipewrk Over a year ago

Changed the answer to point to some issues with your server code.

misthacoder Over a year ago

I tried the stringify, but it didnt work. i still get the html as response

pipewrk Over a year ago

what html do you get? are you certain that your request is routed to the correct route?

misthacoder Over a year ago

I am getting the original html page, which the user uses it for get request

|

Netorica · Accepted Answer · 2014-04-22 01:53:15Z

1

in your $.ajax method call change this

dataType: "text",

to

dataType: "json",

refer to the documentation for the further details

https://api.jquery.com/jQuery.ajax/

and please check if the data you receive is a valid json, check it with http://jsonlint.com/

edited Apr 22, 2014 at 1:53

answered Apr 22, 2014 at 0:46

Netorica

19.5k19 gold badges78 silver badges109 bronze badges

1 Comment

misthacoder Over a year ago

I did as you said. I also removed the dataType from ajax call, still it doesnt work

Fizer Khan · Accepted Answer · 2014-04-22 10:27:49Z

0

You can use res.json to send JSON response instead of res.send

res.json(obj)

This method also set Content-Type as application/json

answered Apr 22, 2014 at 10:27

Fizer Khan

93.7k30 gold badges147 silver badges156 bronze badges

Collectives™ on Stack Overflow

GET Ajax returns html code in response instead of json object

3 Answers 3

13 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

13 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related