How to use JSON when replying to an AJAX call

Question

I built a message inbox, when you click on the message title an AJAX call is being made. I want to know how can i reply to the call using JSON (server-side).

Also how can i use the JSON returned to me to extract the data.

$.ajax({
    type: 'POST',
    url: 'ajax_handler.php',
    data: ({
        ajaxHook: 'getMessageReplies',
        messageID: $(this).attr('class')
    }),
    success: function ( messageLayout ){
    }
});

thanks in advance! :)

Did you see this SO post on returning JSON from PHP? http://stackoverflow.com/questions/682260/returning-json-from-php-to-javascript — Burke Holland, Dec 30 '11 at 14:22

Rafay · Accepted Answer · 2011-12-30T14:35:54.763

1

in your ajax_handler.php you can do something like

<? php

var $ajaxHook = $_POST["ajaxHook"];
var $messageID= $_POST["messageID"];

//perform some processing

$arr = array("title" => "john", "yourHtml" => "<p>hello</p>");
echo json_encode($arr);

?>

set the dataType:'json' so that the json is parsed

$.ajax({
    type: 'POST',
    url: 'ajax_handler.php',
    dataType:'json',
    data: ({
        ajaxHook: 'getMessageReplies',
        messageID: $(this).attr('class')
    }),
    success: function ( data ){    

      alert(data['title']);
      alert(data['yourHtml']);
    //process the result sent by the server
    }
});

edited Dec 30 '11 at 14:35

answered Dec 30 '11 at 14:20

Rafay

30,950
5
68
101

and how i process it with jQ? – Dec 30 '11 at 14:22
that depends what kind of data you are getting from the server – Rafay Dec 30 '11 at 14:25
i'm returning two strings: 1. title 2. text + HTML – Dec 30 '11 at 14:27

How to use JSON when replying to an AJAX call

1 Answers1