Ajax als IFRAME Ersatz

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Man kann AJAX verwenden um andere Dateiinhalte darzustellen. Doch vorsicht. Der XMLHttpRequest kann aus Sicherheitsgründen nicht direkt auf fremde URLs zugreifen. Daher leiten wir das ganze mit file_get_contents über ein PHP Script.
    == index Datei ==

    Quellcode

    1. <html><head>
    2. <title>AJAX als IFRAME Ersatz</title>
    4. <script type="text/Javascript">
    5. <!--
    6. function geturl(elem, url) {
    7. var req;
    8. try {
    9. req = window.XMLHttpRequest?new XMLHttpRequest():
    10. new ActiveXObject("Microsoft.XMLHTTP");
    11. } catch (e) {
    12. //Kein AJAX Support
    13. }
    14. req.onreadystatechange = function() {
    15. if ((req.readyState == 4) && (req.status == 200)) {
    16. document.getElementById(elem).innerHTML = req.responseText;
    17. }
    18. };
    19. req.open('POST', 'fetch.php');
    20. req.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded' );
    21. req.send('url='+url);
    22. }
    23. //-->
    24. </script>
    26. </head>
    27. <body onload="geturl('hier','http://web.de')">
    29. <div id="hier" style="width:230px;height:230px;overflow:auto"></div>
    31. </body>
    32. </html>
    Alles anzeigen


    == fetch.php ==
    Für die Verwendung im echten Leben, sollten serverseitig im PHP Script noch einige Abfragen über erlaubte URLs geschehen.

    Quellcode

    1. <?php
    2. if(0 !== strpos($_POST['url'], 'http://')) {
    3. throw new Exception('url muss mit http beginnen');
    4. }
    5. echo file_get_contents($_POST['url']);

    11.658 mal gelesen