2017-07-04 2 views
0

Ich möchte diesen Teil von diesem website in iframe zeigen, aber ein Problem damit haben. Ich habe diesen Code, um es zu bekommen:Wie man ausgewählten Teil der Website zu Iframe zeigt?

<div style="overflow: hidden; margin: 15px auto; max-width: 575px;"> 
<iframe scrolling="no" src="https://www.betrush.com/verified/" 
style="border: 0px none; margin-left: -96px; height: 1200px; margin-top: 
-486px; width: 650px;"> 
</iframe> 
</div> 

Also meine Frage ist, wie meine iframe-Einstellungen zu ändern, diesen Teil dieser Website zu erhalten.

enter image description here

+0

XMLHttpRequest kann https://www.betrush.com/verified/ nicht laden. Kein 'Access-Control-Allow-Origin'-Header ist auf der angeforderten Ressource vorhanden. Origin 'http://example.com' ist daher nicht erlaubt. – Isaac

Antwort

0

Sie haben zwei Möglichkeiten:

  1. eine BetRush API Nutzen Sie nur ein Segment der Seitendaten zu extrahieren. Dies ist bei weitem die leichtere und bevorzugtere Option.
  2. Unter der Annahme, sie nicht über eine API, die einzige Alternative ist, die gesamte Webseite zu laden, und dann JavaScript verwenden, um die Segmente zu extrahieren, die Sie anzeigen möchten:

function loadDoc(target) { 
 
    var xhttp = new XMLHttpRequest(); 
 
    xhttp.onreadystatechange = function() { 
 
    if (this.readyState == 4 && this.status == 200) { 
 
     document.getElementById("demo").innerHTML = this.responseText; 
 

 
     var doc = document.getElementById('iframe').contentWindow.document; 
 
     doc.open(); 
 
     doc.write(this.responseText); 
 
     doc.close(); 
 

 
    } 
 
    }; 
 
    xhttp.open("GET", target, true); 
 
    xhttp.send(); 
 
} 
 

 
loadDoc("http://www.example.com");
<iframe id="iframe"></iframe>

Der Inhalt wird als this.reponseText gespeichert. Sie müssen Daten daraus extrahieren, basierend auf dem, was Sie von der Website erhalten, und schreiben Sie das dann an die mit doc.write();.

Nachdem gesagt, das Ziel auch muss Scraping ermöglichen. Leider scheint es, als ob BetRush Access-Control-Allow-Origin deaktiviert hat, was bedeutet, dass Sie ihre Website nicht scrappen können. Daher können Sie einen Teil ihrer Website nicht auf diese Weise laden.

In Anbetracht der Tatsache, dass BetRush keine API zu haben scheint und Ihnen nicht erlaubt, ihre Website zu scrappen, können Sie keinen Teil ihrer Website für die Aufnahme in einen Iframe extrahieren.

Hoffe, das hilft! :)

+0

wie geht das? Kannst du mir mit diesem JS helfen? Ich muss nur diesen Teil der Website zu meiner Website zeigen, nichts mehr. ist das möglich über iframe? – DrMTR

+0

XMLHttpRequest kann https://www.betrush.com/verified/ nicht geladen werden. Kein 'Access-Control-Allow-Origin'-Header ist auf der angeforderten Ressource vorhanden. Origin 'http://example.com' ist daher nicht erlaubt. – Isaac

+0

Ich versuche nicht, Daten zu bekommen. Einfach, ein ausgewähltes Teil von dieser Website zu iframe auf meiner Website zu zeigen. – DrMTR