Fetch ein HTML-Element von externer Seite mit Javascript

Question

Ich versuche, eine Funktion zu schaffen, in JavaScript, um die ein Video HTML-Element zu erstellen, und die Quelle zu erhalten, indem ein Quellelementes von einer anderen Web-Seite abrufen

Ich habe andere Fragen mit Antworten mit jQuery oder etwas Ajax-Zeug gesehen, aber niemand erklärt sich selbst, also kann ich nur kopieren und einfügen, was auch immer sie sagen, und eine Fehlermeldung bekommen, dass "$" undefiniert ist (ich bin ziemlich neu) Javascript, wenn du es nicht sagen konntest. Habe noch keine Ajax oder Jquery benutzt).

function loadSource(url){ 
    var vid = document.getElementById("vid"); 
    var src = <get source element with id "mp4Source" from the specified url> 
    vid.appendChild(src); 
} 

Answer 1

Der Grund, warum Sie $ als undefiniert sind immer ist, weil Sie die JQuery-Bibliothek hinzugefügt haben.

Es ist eine gute Frage, die erklärt, wie Setup here

Above Ihr JavaScript zu erhalten, müssen Sie die JQuery-Bibliothek enthalten.

Beispiel dafür, wie die JQuery-Bibliothek

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 

für das externe Videoelement Laden zu schließen, müssen Sie eine AJAX-Anforderung an die URL das Element enthält, machen. AJAX ist eine Möglichkeit, asynchrone HTTP-Anforderungen, z. Anfragen, die an eine URL gestellt werden, ohne die Webseite zu aktualisieren.

Beispiel dafür, wie AJAX kann verwendet werden, HTML von einer externen URL auf AJAX

function loadSource(url){ 
    $.ajax({ 
     url: "<URL containing the HTML>", 
    }) 
    .done(function(html) { 
     $("#vid").append(html); // append the html to the element with the ID 'vid' 
    }); 
} 

Weitere Informationen finden Sie unter http://api.jquery.com/jquery.ajax/ gefunden

Sie auch in die Grundlagen von JQuery aussehen sollte sein zu ziehen, wie zum Beispiel here suchen. Ein Beispiel dafür, wie dies in Ihrem Code verwendet werden könnte, besteht darin, document.getElementById("vid") durch $("#vid") zu ersetzen.