json request return html in rails

Question

I'm currently trying to make a Ajax script to communicate with an Rails server on my localhost (for now). The problem is that I specify in my $.ajax request that I want the format in 'json' but rails returns a 'html' format:

$(document).ready(function(){

$('form').on("submit",function(){
    $.ajax({
        contentType: 'application/json; charset=utf-8',
        url : "http://192.168.0.36:3000/?value=10",
        type : "GET",
        dataType : 'JSON',
        success: function(data){
            alert(JSONParsedata(data));
        },
        error: function(XMLHttpRequest, textStatus, errorThrown)
        {
            alert(textStatus +", " +errorThrown);
        }
    });


    return false;
})

In the console log of the rails server, I can read:

Processing by WelcomeControllerindex as HTML ... Completed 200 OK in 34ms...

I actually receive a response from the server, but in a HTML format instead of JSON.

I precise that my rails controller for welcomeController code contains the:

 respond_to do |format|
  format.html
  format.json { render :json => @z }
end

z is a variable I want to send back to the Ajax request and is defined before (i lighted the code to make it understandable)

As a result, Jquery is trying to parse the result in a JSON format and then finish by a : parsererror syntaxerror unexpected token '<' Which correspond to the first character of the full page!

I searched for hours and I don't know how to resolve this.

Thank you very much for your help

zires · Accepted Answer · 2017-05-10 03:11:41Z

3

Add header

'Accept: application/json'

answered May 10, 2017 at 3:11

zires

5746 silver badges16 bronze badges

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

Comments

ekhaliki · Accepted Answer · 2015-10-24 18:38:41Z

0

try changing { render :json => @z } to render json: { data: @z }

also change "JSON" to "json"

answered Oct 24, 2015 at 18:38

ekhaliki

545 bronze badges

3 Comments

leo Over a year ago

I changed those but it didn't worked either :/ Thank you for your help

ekhaliki Over a year ago

why are you doing JSONParsedata(data)? The data you get back should already be in json format.

leo Over a year ago

Yeah i removed this but it always rendering html instead of Json. I forced it to send me back Json with : format.html {render json: @z}. It renders Json but I can't detect when it's Json or when it's Html :/

leo · Accepted Answer · 2015-10-26 15:27:45Z

0

Actually I solved this problem this morning:

This method worked in a basic browser such as Chrome but wasn't enough for "Rhomobile", an app IDE I'm using (even using the same Ajax request!). To solve this, I added a parameter "format" to the request and a value "json" (&format=json) and I added a condition to my controller: If the variable 'format' exists && format == 'json' then render the result to JSON. Else it renders in HTML. This works on both Rhomobile and Browser.

I am not sure why this worked on a basic browser and not on Rhomobile but I think it's due to the 'Cross-domain' request. (I used 'rack-cors' server-side). Now it works on both.

Thanks to all of you for your help.

answered Oct 26, 2015 at 15:27

leo

191 silver badge6 bronze badges

Comments

user4185181 · Accepted Answer · 2017-08-16 10:21:11Z

0

you can add a "json" postfix to your api like call http://host:port/api.json

answered Aug 16, 2017 at 10:21

user4185181

11 silver badge

Comments

Peter Gerdes · Accepted Answer · 2021-07-22 13:34:33Z

0

Two other things to try:

Try adding .json to the end of your urls. For instance, if you were requesting the url http://server.org/foo you would instead make the request to http://server.org/foo.json (or from http://server.org/.json if the url was http://server.org/).

This is basically the same idea you are using but it's baked into rails.

Put a default format in your routes, e.g.,

resources :users, only: [:update, :index, :destroy, :show, :create], path: '/admin/users', defaults: { format: :json }

This is what fixed the problem when I had it despite having the appropriate accept headers set.

edited Jul 22, 2021 at 13:34

answered Jul 22, 2021 at 13:23

Peter Gerdes

3,1131 gold badge30 silver badges34 bronze badges

Collectives™ on Stack Overflow

json request return html in rails

5 Answers 5

Comments

3 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related