Insert a Div from another page

Question

Insert a Div from another page

Asked 6 years, 9 months ago

Viewed 504 times

0

I’m trying to catch a DIV of this page .

To DIV is named after .similar-artists. I want to play in the DIV calling for #rock, but nothing works. Below the code:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
	
 $("#rock").load("http://pipocaplayfm.com/artist/5216/Calvin+Harris .similar-artists ");
	
	 });
	
</script>

</head>
<body>
 
<div id="rock">
	
</div>
   
  </body>
</html>

You are developing a website as a static page, using HTML ONLY or are developing dynamically, with Javaee, PHP, Javascript?

– Tiago Boeing

2017/09/25 at 20:14
@Dynamic tiagoboeing with javascript and php. I just need to understand how I make it work $("#div1"). load("demo_test.txt #P1"); as in link : https://www.w3schools.com/jquery/jquery_ajax_load.asp

– jhonatan santos

2017/09/26 at 11:38
You can do this using PHP itself.

– Sam

2017/09/26 at 17:53

1 answer

Browser other questions tagged php html html5

You are not signed in. Login or sign up in order to post.

by Rafael Augusto • **4,027** points · Answer 1 · 2017-09-26T13:46:24+00:00

Try it that way..

$.ajax({
    url: 'http://pipocaplayfm.com/artist/5216/Calvin+Harris',
    success: function(res){
                        $(res.responseText).find('.similar-artists')each(function(){
            $('#app').append($(this).html())
        
        });
    }
})

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
    <div id="app"></div>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
    
</body>
</html>