HTML-Inhalt von einer anderen HTTP-Anfrage ohne Iframe einbetten

Question

Ich möchte, dass bestimmte Inhalte auf der Website (Datentabellen) für die Einbindung in andere Seiten (wie Artikel) auf derselben Website verfügbar sind. Ich stelle mir vor, dass die "Diesen Code in den Artikel einfügen, wo Sie die Tabelle: [..]" möchten.

Ich möchte keinen Iframe, ich möchte die HTML direkt eingefügt (ich habe bereits die GET API, die HTML-Tabelle als eines der möglichen Formate zurückgibt).

Gibt es eine Möglichkeit, wie dies in HTML vorgenommen werden soll?

Ich habe mir eine andere Frage angeschaut, aber diese scheinen hauptsächlich mit CORS zu kämpfen, was in meinem Fall kein Problem ist.

Meine naive attepmt wäre embed Code wie folgt zu machen:

<div 
    class="replace-me-by-src-content" 
    data-src="http://the.long.url" > 
</div> 

Und der Laden würde durch eine allgegenwärtige Javascript getan werden, die sich um jedes .replace-me-by-src-content Element nehmen würde.

Gibt es einen saubereren Weg ohne Javascript? Sie wissen - wir können Bilder oder Stylesheets direkt einfügen, indem Sie nur das src-Attribut in bestimmten Tags bereitstellen, und der Browser kümmert sich um die GET-Anfrage und fügt die Antwort ein. Kann das auch für einfache HTML-Inserts getan werden?

Answer 1

Sie können das Objekt verwenden, um die externe Seite zu laden.

<object type="text/html" data="http://www.example.com" style="width:100%; height:100%"></object> 

Oder Sie müssen jquery verwenden.

<script>$("#testLoad").load("http://www.example.com");</script> 
<div id="testLoad"></div> 

<object type="text/html" data="https://www.example.com" style="width:100%; height:100%"></object>