Zen Ajax Template: simple Web 2.0 client-server example code with php and JavaScript, no jQuery
<?php
$request = json_decode(stripslashes($_GET["p"]),true);
$result = array();
function $req($f1,$f2){ return "foo"; }
if( $request['fun'] == 'req' ){
$field1 = $request['field1'];
$field2 = $request['field2'];
$result['fieldres'] = req($field1,$field2);
}
echo json_encode($result);
?>
<html>
<script>
function ajaxask(fun, parameters){
var request;
parameters["fun"]=fun;
request = JSON.stringify(parameters);
ajax = new XMLHttpRequest();
ajax.open("GET","logic.php?p="+encodeURIComponent(String(request)),false);
ajax.send()
return JSON.parse(ajax.responseText);
}
function richiedi(){
var params = {field1: "bar", field2 : "bars"};
var res = ajaxask("req",params);
document.getElementById("res").innerText = res["fieldres"];
}
</script>
<body>
<button onclick="richiedi()">Click</button>
<div id="res"/>
</body>
</html>