$.getJson() Problem and returning an undefined value

Question

I have a php script which produces the JSON object.

In my jquery I am using this code to call the php script.

  $.getJSON("/st/std.php",
   function(data){
    alert(data);
       $("myspan").text(data);
   }
  );

How Do i get the Data from THE JSON Encoded in php File .In the form Iam entering some code which will perform the ajax lookup to a php file This is the Json Object iam producing it in php

Suppose if we input the "AAA" in the textbox it should fetch "AAA-ANAA".It should search the JSOn encoded object and fetch the label.

[{"label":"AAA-ANAA (PF)","value":"AAA"},
{"label":"AAB-ARRABURY (AU)","value":"AAB"},
{"label":"AAC-AL ARISH (EG)","value":"AAC"},
{"label":"AAE-ANNABA (DZ)","value":"AAE"}}

Answer 1

This is the expected behaviour. $.getJSON automatically calls $.parseJSON(response) before passing it to your callback. You can explore the JSON using Firebug, or if you already know the format of your JSON, you can navigate the response as you would an ordinary object, e.g.,

$('span').text(response.child[2])

Answer 2

To see what ("object object") actually holds, replace alert(data); with alert(data.toSource());.

Say your php page returns {"a":"value"}, then $("myspan").text(data.a); would stick "value" in your span.

To pass a parameter, put it in the query string: "/st/std.php?param=value".