Ajax requests using jquery is pretty easy. All you have to do is to specify the URL for request, data sent along with the request, the data type returned, and the callback function. I choose datatype json because it’s much easier to modify with javascript. Here is the example:
Your PHP script, located at http://your/url/to/php/script/:
<?php
$array = array(
'name' =>; 'alex',
'fruit' =>; 'apple'
);
echo json_encode($array);
Your javascript Script, with jQuery supported:
$.get(
'http://your/url/to/php/script',
{your: data_to_send}, // ignore this for now
function(returned_data) {
//do something with the data returned
console.log(returned_data.name); // will output 'alex'
console.log(returned_data.fruit); // will output 'apple'
},
'json'
);
It won’t output anything on the page, but in the Javascript console instead. Firebug and Webkit-devtool users can see the console output using the “Inspect Element” tool. As far as I know, IE8-9 also has developer tools (press F12), as well as Opera Dragonfly.