How do I display the text from a Rails AJAX JSON response - Javascript is returning [object HTMLDocument]

Question

I have a Rails app where I created an AJAX / JSON controller to do some dynamic HTML updates in the view. I followed this guide: https://www.rubyguides.com/2019/03/rails-ajax/

I make a call like this: ../related.json?vendor_id=1&budget_id=1 and it returns the raw HTML partial I want to update (just a bunch or table rows).

My call looks like this:

    Rails.ajax({
      url: url,
      type: 'GET',
      success: function(data) { 
        document.getElementById("related").innerHTML = "data"
//        alert(data)
      }
    })

If I manually view the JSON request in the browser the HTML output is as expected. However when I try to replace the HTML or even view the data in a test alert I get back [object HTMLDocument]. The guide I followed used data.html to feed the innerHTML but that doesn't work for me. Not sure if that's a UJS / JQuery issue.

How do I set that DOM element with the raw text from the JSON call?

demkovych · Accepted Answer · 2019-12-11 16:56:18Z

1

You can convert a raw text to html with JSON.stringify function:

document.getElementById("related").innerHTML = JSON.stringify(data)

answered Dec 11, 2019 at 16:56

demkovych

9,0453 gold badges23 silver badges27 bronze badges

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

2 Comments

Dan Tappin Over a year ago

That returns {"location":null}. I double checked my JSON source - it is returning plain text (HTML) - on headers etc. Just the <tr> rows.

Dan Tappin Over a year ago

Upvoted your answer because it made me think more about my controller side which was the ultimate answer. 👍 . Thanks.

Dan Tappin · Accepted Answer · 2019-12-11 19:40:32Z

0

I did some digging and tried this in my controller:

format.json { render  partial: 'related' }

vs

format.json { render html: render_to_string( partial: 'related' ) }

This did the trick - I figured that I was feeding the JSON request the wrong data - looks like once I feed it raw text vs html it works fine.

answered Dec 11, 2019 at 19:40

Dan Tappin

3,0445 gold badges43 silver badges92 bronze badges

Collectives™ on Stack Overflow

How do I display the text from a Rails AJAX JSON response - Javascript is returning [object HTMLDocument]

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related