Eine Div-Klasse in eine andere Website laden

<!DOCTYPE html> 
<html> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
    <script> 
     <script type="text/javascript"> 
     jQuery(document).ready(function(){ 
      jQuery("#div1").load("https://www.ae.com/men-s-clearance/web/s-cat/6470582?icid=Clearance:CHP:sec1:Clearance:MensClearance:ShopMen .product-list"); 
     }); 
     </script> 
    </script> 
    </head> 
    <body> 

    <div id="div1"></div> 

    <button>Get External Content</button> 

    </body> 
</html>

Der obige Code läuft, aber wenn ich auf den Button klicke, passiert nichts.Eine Div-Klasse in eine andere Website laden

Quelle

2016-11-26 Ahmed Thahir

Es wird großartig sein, Ihren Beitrag mit mehr Details zu bearbeiten, wie zB das erwartete Klickverhalten und/oder den Fehler, den Sie erhalten. – nyedidikeke

Zunächst einmal haben Sie falsch Doppel <script> Verpackung:

<script> 
     <script type="text/javascript"> 
     ...

Und Sie nicht auf Tastenhandler haben. Sie können also keine Reaktion nach dem Klick bekommen. Auch Sie haben einen seltsamen Teil ".product-list" bei URL. Was willst du damit? Vielleicht suchen Sie smth so?

<!DOCTYPE html> 
<html> 
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
    <script type="text/javascript"> 
     jQuery(document).ready(function() { 
      $('#fetch-btn').click(function() { 
       jQuery("#div1").load("any-url"); 
      }); 
     }); 
    </script> 
</head> 
<body> 

<div id="div1" class="product-list"></div> 

<button id="fetch-btn">Get External Content</button> 

</body> 
</html>

Es kann aber immer noch nicht den ganzen fremden Seiteninhalt in Ihr div laden. Sie sollten iframe dafür verwenden. Und Sie sollten über CORS lesen und versuchen, einen Proxy mit Ihrer Domain dafür zu verwenden. Hat es dir geholfen?

Quelle

2016-11-26 09:13:59 Antonio

versuchen, ein iframe zu verwenden, wenn Sie mit der inneren Website interagieren möchten

Quelle

2016-11-26 08:27:27

Sie können keine Daten von einer anderen Website herunterladen. verwendet einen einfachen Proxy in PHP geschrieben!

echo (file_get_contents($_POST['url']));

und jQuery verwenden!

$.ajax({ 
    url: "./your_proxy.php", 
    type: "POST", 
    data: { 
    url: 'https://www.youtube.com' 
    }, 
    dataType: "html", 
    success: function(data) { 
    var d = $(data); // your data 
    } 
});

Quelle

2016-11-26 08:50:36 Pinguto

Eine Div-Klasse in eine andere Website laden

Antwort

Verwandte Themen