AJAX - SOP - JSONP

Exemple 2 : Hello World

Requête AJAX en local avec JQuery et JSON :





Code utilisé :

**** CLIENT ****

** HTML **

<hr>
<div id="target">
</div>
<hr>
<input type="text" id="name"/><input type="button" value="exécuter la requête" id="trigger"/>

** JAVASCRIPT **

$(document).ready ( function() {

    $("#trigger").click(
        function() {
            var name = $("#name").val();

            $.ajax({
                url: "server.php",
                type: "get",
                dataType: "json",
                data: "name="+name,
                success: function(data) {
                    var res = '<'+data.balise+
                        ' style="'+data.style+'">'
                        +data.message+
                        '</'+data.balise+'>';
                    $("#target").html(res);
                },
            });
        }
index.html

**** SERVEUR ****
({ 
    "balise" : "h3",
    "style" : "color:#FF0000",
    "message" : "Hello World in JSON"
})
    
Les consignes de création des site XPOSE n'autorisant que le HTML en local, l'échange de données via GET/POST n'a pas pu être réalisé. C'est pourquoi aucun argument n'est envoyé ; le passage d'une variable name peut tout à fait être ajouté.