Use jQuery to get text from another page

Question

I have been looking around for answer to this question for a bit, but I cant seem to find anything that helps. I would like to say first that I am relatively new to javascript/jQuery/Web Development in general (I come from more of a software background).

I am trying to get text from another page to display on my home page, or even use the text as a variable. Here is what I have so far, but I am not getting the results I am looking for.

Page 1 (the home page, just the jQuery, trying to output the return in console first)

$(function(){
$.get('Page2.html', function(result){
var obj = $(result).find('body');
    var PageText = $(result).find('testJQ').text();
    console.log(PageText);
});
});

Page2 (The page with the info I would like to grab)

<body>
<p id="testJQ">This is the text I want</p>
</body>

I get an undefined from the console, but I am unsure why. Like I said, I am fairly new with jQuery, and dont know exacly what is going on. These sites are in the same domain, so there shouldnt be any security issues grabbing information from one another.

you are missing # for id, var PageText = $(result).find('#testJQ').text(); — Ashok Shah
– Ashok Shah, Commented Sep 24, 2014 at 18:04

kien · Accepted Answer · 2014-09-24 18:05:43Z

1

Try to change find('testJQ') to find('#testJQ'). I added hash character for id.

answered Sep 24, 2014 at 18:05

kien

1959 bronze badges

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

Comments

Bernd · Accepted Answer · 2014-09-24 18:36:39Z

1

The simpliest way to do this is:

$(function(){
    $('#text').load('page2.html #testJQ');
});

Greetings

answered Sep 24, 2014 at 18:36

Bernd

7301 gold badge5 silver badges13 bronze badges

3 Comments

BlueBaroo Over a year ago

Thank you, but what would #text be

Bernd Over a year ago

#text is just a DIV where the content will be stored in! <div id="text"></div>

BlueBaroo Over a year ago

Oh wow, that is nice abbreviation of what I was doing. Thanks for that tip!

cppprog · Accepted Answer · 2014-09-24 18:08:04Z

0

On the id field, you need the # character.

Use

var PageText = $(result).find('#testJQ').text();

answered Sep 24, 2014 at 18:08

cppprog

7943 gold badges12 silver badges22 bronze badges

1 Comment

BlueBaroo Over a year ago

Oh my gosh, my syntax! Thank you so much, that worked perfectly!

Collectives™ on Stack Overflow

Use jQuery to get text from another page

3 Answers 3

Comments

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related