AJAX request naar externe website

[martijn12321]

Hallo,

Ik wil een AJAX request naar http://www.sintermeerten.nl/roosteronline/weekrooster/onderbouw/onderbouw_H3a.htm sturen dmv javascript.

Ik heb nu deze code:
[JS]function roosterReq()
{
var xmlhttp;
xmlhttp=new XMLHttpRequest();

xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("rooster").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","http://www.sintermeerten.nl/roosteronline/weekrooster/onderbouw/onderbouw_H3a.htm",true);
xmlhttp.send();
}[/JS]

Als ik deze uitvoer krijg ik de volgende fout in de console (Google Chrome):
XMLHttpRequest cannot load http://www.sintermeerten.nl/roosteronline/weekrooster/onderbouw/onderbouw_H3a.htm. Origin http://localhost:12342 is not allowed by Access-Control-Allow-Origin. localhost/:1

Hoe zorg ik dat het werkt?

 

[martinmeijer]

Als ik het goed begrijp wil jij de pagina info in dit geval een rooster op je eigen pagina krijgen?

 

[martijn12321]

Ja

 

[Tha Devil]

AJAX kan geen externe url's openen.

Een mogelijkheid die je hebt is via PHP en cURL de pagina inladen, verwerken en dan kun je vervolgens wel een AJAX-request op dat PHP-bestand (met resultaat-waarde) doen.

 

[martinmeijer]

Wat je ook kunt doen, had ik even snel getest en een easy way to do... met PHP het volgende

<?PHP
echo file_get_contents("http://www.sintermeerten.nl/roosteronline/weekrooster/onderbouw/onderbouw_H3a.htm");
?>

Zoals Tha Devil het bedoeld is als volgt denk ik

<?PHP
$ch = curl_init("http://www.sintermeerten.nl/roosteronline/weekrooster/onderbouw/onderbouw_H3a.htm");
$fp = fopen("rooster.html", "w");

curl_setopt($ch, CURLOPT_FILE, $fp);
curl_setopt($ch, CURLOPT_HEADER, 0);

curl_exec($ch);
curl_close($ch);

fclose($fp);
?>

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

<script type="text/javascript">
$(document).ready(function () 
{
    $('#rooster').load('rooster.html');
});
</script>

<div id="rooster"></div>

Voor het laatste deel ben je een bestand rooster.html nodig chmod deze naar 777