Prototype: AJAX Get
<script>
document.observe('dom:loaded', function() {
new Ajax.Request('ajax.php', {
method: 'get',
onCreate: function() {},
// Main Parameters ...
onSuccess: function(transport) {
// Handle the JSON returned from PHP
data = transport.responseText.evalJSON();
$('output').insert(data.message + '<br />');
},
onComplete: function(transport) {
// Handle the JSON returned from PHP
data = transport.responseText.evalJSON();
$('output').insert(data.complete);
}
});
});
</script>
<div id="output"></div>
<?php
$array = array(
'message' => 'Looks Good',
'complete' => 'Well, we\'re done here!'
);
echo json_encode($array);