jQuery get variable value from another html page

Question

I have got an html page with this content, called "page1.html":

<div>
    <div id="content">
        content
    </div>
    <script type="text/javascript">
        var x=5;
        var y=2;
    </script>
    <div id="other">Some other content</div>
</div>

In another html page, I'd like to get the value of the variable "x" (5). This is the main page:

<!DOCTYPE html>
<html>
<head lang="en">
    <script type="text/javascript" src="app.js"></script>
</head>
<body>
    <div id="new_content"></div>
</body>
</html>

And this is the app.js script:

$(function(){
    $.get('page1.html', function(result){
        var obj = $(result).find('script');
        $(this).append($('#new_content').text(obj.html()));
    });
});

And the result is "var x=5; var y=2;". Is there a way to get only the value 5 from the var x?

Thanks for the help.

EDIT: I forgot to write that it's only an example, the code into the script in page1.html is more complex than the one shown. The object "obj" in app.js is an [object htmlscriptelement] so I'd like to know if a method/att exists that I can use to directly access the var x.

pumpkinzzz · Accepted Answer · 2019-03-28 09:37:33Z

5

Or you can simply use localStorage in this way:

page1.html:

localStorage.setItem("x", "value"); //setter

page2.html:

var x = localStorage.getItem("x"); //getter

edited Mar 28, 2019 at 9:37

answered May 9, 2014 at 10:55

pumpkinzzz

2,9852 gold badges20 silver badges34 bronze badges

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

Comments

jolyonruss · Accepted Answer · 2014-05-09 10:38:28Z

1

This seems like a bit of a weird thing to try and do.

I'll do my best to answer but it would be good to get a bit more context around why you want to do this as it might be that there's a better, cleaner way to do it.

My recommendation with the information that you've given would be to assign the values to a DOM object, jQuery is built to traverse the DOM and manipulate it, it's really not a good idea to try and parse raw javascript to extract variable values.

So, page 1 would look like this:

<div>
    <div id="content">
        content
    </div>
    <div class="myData" data-x="5" data-y="2" />
    <div id="other">Some other content</div>
</div>

Then my jQuery would look something like this:

$(function(){
    $.get('page1.html', function(result){
        var obj = $(result).find('script');
        var page1X = $(result).find('div.myData').data('x');
        var page1Y = $(result).find('div.myData').data('y');
    });
});

This is just pseudo code, but hopefully you get the idea.

Reference links:

http://api.jquery.com/data/

answered May 9, 2014 at 10:38

jolyonruss

1,8502 gold badges20 silver badges35 bronze badges

2 Comments

user3505947 Over a year ago

Hi, I need to load different pages in my index page (sequentially), but I'd like to allow the user to go to the next page only if a specified flag in the currently loaded content is set.

keypaul Over a year ago

And do as jolyonruss propose and add a data-value a json object (constructed with all you need) ?

Bartłomiej Wach · Accepted Answer · 2014-05-09 10:24:14Z

0

you could try to comment the vat y=... line before pasting the code like:

$(function(){
    $.get('page1.html', function(result){
        var obj = $(result).find('script');
        $(this).append($('#new_content').text(obj.html().replace('var y','//var y')));
    });
});

answered May 9, 2014 at 10:24

Bartłomiej Wach

1,9861 gold badge11 silver badges17 bronze badges

Comments

Malik Ismail · Accepted Answer · 2022-12-16 13:34:59Z

0

To get value from another html page for example page1

<input type="text" id="pageoneinputid" value="pageone">

on page two in the script tag

var a=$("#pageoneinputid").val()
document.getElementById("pagetwoinputid").innerHtml=a;

edited Dec 16, 2022 at 13:34

answered Dec 16, 2022 at 13:30

Malik Ismail

12 bronze badges

Collectives™ on Stack Overflow

jQuery get variable value from another html page

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related