How to get php array as a javascript array through ajax

Question

I have a php file called by ajax, where I printed an array, and I want to get the array in the ajax success event and use as javascript array to prepend as valu in two fields with jquery. I tried it as bellow but failed. actually I am new in coding, Pls help me any one....

the php file is as bellow:

$qry = $crud->select("latest_event", "bnDescription, eventHeading","eventID='{$eventID}'");

$data = mysql_fetch_assoc($qry);

$arr = array("content" =>$data['bnDescription'], "heading" => $data['eventHeading']);

header('Content-type: application/x-json');

echo json_encode($arr);

?>

the javascript is:

 $.ajax({ type: "POST", url: "getEventData.php", data:"eventID="+eventID+"&lang="+lang, cache: false, success: function(data){ $("input#eventHeading").prepend(data[heading]); $("textarea#cont").prepend(data[content]); } 

});

Answer 1

data[heading]

You don't have a heading variable.

To get the property with that name, simply write

data.heading

Answer 2

From what I can see in your code, you are returning valid json from your php, but it seems that you have not told $.ajax() what kind of data is being returned. You need to set dataType: 'json' in your $.ajax() call.