How to load data into variable instead selector in jQuery?

Question

I am having some trouble to load data from url with load method in jQuery into variable instead selector.

So my code is this:

$('#test').load('http://url #searchedID');

So this would load some string from url where html selector have id = searchedID e.g. "This is string" and then it would display this string into html selector where id = test.

My question is: How to load data in my case (from: #searchedID) instead into selector where id = test into variable. Something like this:

var loadHereData = load('url, #searchedID');

But this is not corect!

Realy thanks for any advice.

so essentially you want to copy content from #searchID to another div or something ? — Dhiraj
– Dhiraj, Commented Mar 10, 2015 at 15:29
no, just put/get in variable e.g. "var load" so i can in this page do something else, like parse etc, basicly I do not whant to display it, just load it or get it... — DaniKR
– DaniKR, Commented Mar 10, 2015 at 15:30
use $.get as mentioned here stackoverflow.com/questions/9958282/… — Dhiraj
– Dhiraj, Commented Mar 10, 2015 at 15:34
hmm @DhirajBodicherla this is more likly, do you think this would work: $.get("url #searchedID", function( my_var ) {}, 'html'); — DaniKR
– DaniKR, Commented Mar 10, 2015 at 15:38
how about someting like this jsbin.com/jujotafamo/1/edit?html,js,output you load the page and search in the page what you want and store it in your variable ? — Dhiraj
– Dhiraj, Commented Mar 10, 2015 at 15:52

Dhiraj · Accepted Answer · 2015-03-10 16:33:43Z

3

You can $.get the page and search for the required element and store it like this

var myContent;
$.get("http://jsbin.com/ficoniniwo/1.html", function(data) {
  var tempData = $('<output>').append($.parseHTML(data)).find('h1');
  myContent = tempData.html();
}, 'text');

Here is a Demo

The html received from 1.html is converted to a jquery object by $.parsehtml and then I'm appending it so that I can search in it.

Hope this helps.

edited Mar 10, 2015 at 16:33

answered Mar 10, 2015 at 15:55

Dhiraj

33.7k10 gold badges65 silver badges78 bronze badges

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

4 Comments

Dhiraj Over a year ago

i see a problem with my answer. Please hold on

DaniKR Over a year ago

why is returning as result [object Object]?

Dhiraj Over a year ago

I think i messed up something. Sorry about that. I'm working on it now.

Dhiraj Over a year ago

updated my answer. Please check now and let me know if it works. Thanks

mdfreeland · Accepted Answer · 2015-03-10 16:09:44Z

1

The jQuery load method places the downloaded HTML into a matched element. If you want to store the contents of #searchedID in a variable, you can first create a variable containing an empty jQuery DOM element.

var loadHereData = $("<div id='test'></div>");
loadHereData.Load('url #searchedID');

The loadHereData variable will now contain a div holding the contents of the #searchedID element.

answered Mar 10, 2015 at 16:09

mdfreeland

112 bronze badges

1 Comment

DaniKR Over a year ago

also here result of loadHereData is [object Object]

Collectives™ on Stack Overflow

How to load data into variable instead selector in jQuery?

2 Answers 2

4 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related