JQuery: extract content from ajax-read html page

Question

I use Ajax to get info from within another page, but not display this page. Here is the code

$.ajax({
    url: 'another-page.html',
    dataType: 'html',
    success: function (data) {

       //how to get the html title contained in data?
       //how to get an element with ID contained in data?

    }
});

I feel this should have been answered somewhere, but I was unable find it. Sorry if this is a duplicate. I will delete it if there is answer at SO already.

Many thanks.

do a console.log(data) and inspect the returned value, then find a way to get the title.. probably the html content is inside a property.. so you will do something like $(data.propName).find("title") — BeNdErR
– BeNdErR, Commented Apr 30, 2014 at 21:17

Awena · Accepted Answer · 2014-04-30 21:29:06Z

2

If I understood right your question to need to parse the remote document or select a portion .You can use the load method to select a certain Div, title within that document

$( "#targetDiv" ).load( "remotePage.html #title" );

Have a look at load()

answered Apr 30, 2014 at 21:29

Awena

1,0225 gold badges20 silver badges43 bronze badges

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

2 Comments

nrodic Over a year ago

+1 for pointing to this feature. In callback you can query #targetDiv. For getting HTML title I think something with regex and this could be needed.

curious1 Over a year ago

nrodic, I finally endded up with regex to find the title. Thanks!

Collectives™ on Stack Overflow

JQuery: extract content from ajax-read html page

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related