Quick links: Content - sections - sub sections
Jelix 1.4.8

Section: JSON

« AJAX ^ Web services JSON-RPC »
Switch to language: FR

Table of content

JSON is a data format using javascript syntax. This ease greatly the use of JSON encoded data in HTML content.

To send JSON data, there is a specific jResponseJson object. Its alias is "json". All you need to do is to assign your encoded json to the $data property:

  $resp = $this->getResponse('json');
  $resp->data = array( 'lastname'=>'dupont', 'firstname'=>'jean');
  return $resp;

To call the action, in raw javascript :

   var http = new XMLHttpRequest();

   //url is a variable which contains the url of the action
   http.open("post", url, true);

   http.onreadystatechange = function(){
	if(http.readyState == 4){
	    // Get the data from the server's response
            var json = http.responseText;
            var value;

            // ugly way
            //value = eval('(' + json + ')');

            // good way, in modern browser such Firefox 3.5
            value = JSON.parse(json);

            // do something with your json data

or, with jQuery :

   $.getJSON( url, function (json) {
      // do something with your json data

With our example, the client will receive:

  { "lastname":"dupont", "firstname":"jean"}

And then the whole client process with jQuery is :

   $.getJSON( url, function (json) {
       alert(json.lastname + ' ' + json.firstname);

A use case combined with jDao

$countryDao = jDao::get('common~country');
$countries = $countryDao->findAll();
$response = $this->getResponse('json');
$response->data = array();
foreach($countries as $country) {
	$response->datas[] = array('id' => $country->id , 'name' => $country->name);

The client will receive:

  { "id":20, "name":"Europe"}