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"
})