load div from another page with jquery

Question

i would like to load a div from a page in my page with jquery

Here is a Jsfiddle but it doesn't work, what is wrong in my code ?

In my example I'm using

$('.namebook1origin').load($('http://www.booclin.ovh/tom/last/update.html #namebook1'));

but in my page I'm using

$('.namebook1origin').load($('update.html #namebook1'));

Here is a live example

$('.namebook1origin').load($('http://www.booclin.ovh/tom/last/update.html #namebook1'));
$('.namebook2origin').load($('http://www.booclin.ovh/tom/last/update.html #namebook2'));
$('.namebook3origin').load($('http://www.booclin.ovh/tom/last/update.html #namebook3'));
$('.namebook4origin').load($('http://www.booclin.ovh/tom/last/update.html #namebook4'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="namebook1origin">.</span><br/>
    
<span class="namebook2origin">.</span><br/>
    
<span class="namebook3origin">.</span><br/> 
    
<span class="namebook4origin">.</span><br/>

Is `www.booclin.ovh` your website? If not you will get CORS issue, Additionally you need to pass URL to `load` method `$('.namebook4origin').load('https://www.booclin.ovh/tom/last/update.html #namebook4')` — Satpal, Nov 03 '16 at 12:23
yes in my example i added the full link but i use this one in my page load($('update.html #namebook1')); — clodo0683, Nov 03 '16 at 12:24

score 2 · Answer 1 · edited May 23 '17 at 12:06

2

load accepts a string as input not a jquery object, unram the $() from the string

$('.namebook1origin').load('http://www.booclin.ovh/tom/last/update.html #namebook1');
$('.namebook2origin').load('http://www.booclin.ovh/tom/last/update.html #namebook2');
$('.namebook3origin').load('http://www.booclin.ovh/tom/last/update.html #namebook3');
$('.namebook4origin').load('http://www.booclin.ovh/tom/last/update.html #namebook4');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="namebook1origin">.</span><br/>
    
<span class="namebook2origin">.</span><br/>
    
<span class="namebook3origin">.</span><br/> 
    
<span class="namebook4origin">.</span><br/>

The snippet doesn't work because of CORS

edited May 23 '17 at 12:06

Community

1
1

answered Nov 03 '16 at 12:23

madalinivascu

32,064
4
39
55

I have but it doesn't work yet, and in your example too ? – clodo0683 Nov 03 '16 at 12:26
he wants you to explain that you may not use `.load($(url))` but `.load(url)` – messerbill Nov 03 '16 at 12:27
ah sorry ok about .load(url) instead of .load($(url)) ... why I don't have access? all my pages are in www.booclin.ovh, i want to load a div from a page in another who are both uploaded in www.booclin.ovh – clodo0683 Nov 03 '16 at 12:35
@clodo0683 if you are on the same domain the cors should not be a problem, check your console for any errors – madalinivascu Nov 03 '16 at 12:37
there is any errors in my consol that's why i don't really understand ? May be I should add all my js in my example (not so much code) – clodo0683 Nov 03 '16 at 12:39
check the network tab for the xhr requests, see the the xhr request has the body with the content of your update page – madalinivascu Nov 03 '16 at 12:43
can you provide the link where you use this script? – madalinivascu Nov 03 '16 at 12:43

score 0 · Answer 2 · answered Nov 03 '16 at 12:31

0

JQuery's .load() should be like this: $(selector).load("internalDomainURL #div",callback);

$("#namebook1origin").load("http://www.booclin.ovh/tom/last/update.html #namebook1");

answered Nov 03 '16 at 12:31

Mamdouh Saeed

2,302
1
9
11

load div from another page with jquery

2 Answers2