$.getScript()

Met $.getScript() kan u een extern JavaScript inlezen en uitvoeren. Zoals we uit voorgaand hoofdstuk weten, is deze methode niet gebonden aan de same origin policy van de browser. We kunnen dus perfect scripts van zowel de lokale site als van een externe server inlezen.

Merk op dat, met uitzondering van load(), alle AJAX methodes geen rechtstreekse koppeling hebben met een selector. De opgehaalde gegevens worden vanuit de callback functie gekoppeld.

Response: met deze methode kunnen we enkel JavaScript inlezen. Syntax: $.getScript(url [, callback])

• URL: De URL van het op te halen JavaScript.

• Callback: Deze functie wordt uitgevoerd zodra het script volledig is ingelezen.

★ Open ajaxLokaal/data/alert.js en ajaxLokaal/script.html. ★ Bekijk de broncode en test het resultaat in een browser.

// code alert.js
alert('Deze boodschap is afkomstig van een extern script.'); 
function wijzigTitel(titel) { 
    $('h1').text('*** ' + titel + ' ***');
}

En de code van script.html.

<input class="button" type="button" id="alert" value="$.getScript: alert.js">
...
<script>
$('#alert').click(function(){
    $.getScript('data/alert.js', function() { 
        var titel = $('#alert').val(); 
        wijzigTitel(titel);
    });
});
</script>

Pas op het moment dat u op de knop klikt, wordt het script alert.js ingelezen. Het script toont een alertbox en past de tekst van de h1-tag op script.html aan.