Jquery Ajax Html Response

Question

Hi We have Rails application,

We implemented the JQuery Ajax. The Url was got excuted and got result in data object as html.

jQuery.ajax({
    type: 'GET',
    url: u,
    data: {
        id: id,
        LANG: "ENG"
    },
    dataType: 'html',
    success: function (data, textStatus) {
    },
    error: function (xhr, err, e) {
        alert("Error: " + err);
    }
});

our Html response is :

<html>
  <span id='rate'>  
    <img src="www.text.comt/star.gif" width=10, height=10 >
  </span>
</html>

Actually there are 5 image tag will come the span section. We want get all the 5 image tag and display the impages in our application.

How can we do this with "data" object.

Make your application just return a scrap of HTML (drop the html) so you can embed it directly. Alternatively (and cleaner), you can have it return JSON or something like that so your can just iterate through it and handle the markup on the client side — JohnP
– JohnP, Commented Dec 14, 2012 at 14:15

p1100i · Accepted Answer · 2012-12-14 14:19:28Z

1

If you are really sending back HTML data from your server this way is possible:

success: function (data, textStatus){  
  // jQuery('<selector_where_you_want_to_append').append($(data).find('img')); 
  jQuery('body').append($(data).find('img')); 
},

answered Dec 14, 2012 at 14:19

p1100i

3,7702 gold badges32 silver badges45 bronze badges

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

Comments

Wern Ancheta · Accepted Answer · 2012-12-14 14:25:59Z

0

You can just use $.load function in jquery if you're just loading html. I'm not really familiar on how things are done on ruby but you can also return a json string from the server and iterate over it to generate html using JavaScript. Here's how you can use $.load

$('.container').load(url, {id: id,LANG: "ENG"});

answered Dec 14, 2012 at 14:25

Wern Ancheta

23.4k38 gold badges105 silver badges142 bronze badges

Collectives™ on Stack Overflow

Jquery Ajax Html Response

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related