parse javascript object returned from ajax as html

Question

Result (data) looks like this:

<tr>
   <td>
      Something...
   </td>
</tr>

<div id="paging">1, 2, 3... </div>

This is ajax

...
dataType: "html",
success: function(data) {
    parse data...    
    $('#myDiv1').html(data1);
    $('#myDiv2').html(data2);
}
...

Is it possible to parse data so that data1 contains table row(s) and data2 contains div#paging content?

Thanks in advance,
Ilija

Reigel Gallarde · Accepted Answer · 2010-06-29 09:06:33Z

2

try..

var data1 = $(data).find('tr');
var data2 = $(data).find('div#paging');

edit:

as Guffa, mentioned in below comments, you cannot parse it if the html is broken in structure... but I suspected you got more than that codes... anyway, here's a demo

edited Jun 29, 2010 at 9:06

answered Jun 29, 2010 at 8:30

Reigel Gallarde

65.5k21 gold badges126 silver badges142 bronze badges

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

7 Comments

ilija veselica Over a year ago

when I alert data1 or data2 I only see [object Object]

Reigel Gallarde Over a year ago

if you want to try to alert, do for example alert(data1.html());

Reigel Gallarde Over a year ago

@Guffa - what do you mean by doesn't work?... isn't this ajax result?

Guffa Over a year ago

@Reigel: There is no table tag around the td, so the code won't be parsed correctly.

Reigel Gallarde Over a year ago

@Guffa - ahhh I assumed he got more codes than that... okay I will update my answer... thanks...

|

Guffa · Accepted Answer · 2010-06-29 08:36:09Z

-1

As the HTML code is not complete, it can't simply be parsed by the browser. You have to parse it manually.

For example:

var match = /(<tr>.+</tr>)\s*(<div.+</div>)/.exec(data)
var data1 = match[1];
var data2 = match[2];

answered Jun 29, 2010 at 8:36

Guffa

703k112 gold badges760 silver badges1k bronze badges

2 Comments

Agos Over a year ago

-1 for parsing html with a regex, while ignoring the selector engine.

Guffa Over a year ago

@Agos: As I said in the answer, that doesn't work. As the HTML is not complete, you can't parse it that way, and thus can not use the selector engine.

Collectives™ on Stack Overflow

parse javascript object returned from ajax as html

2 Answers 2

7 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related