I have a page as below:
<head> <script type="text/javascript" src="jquery-1.6.1.js"></script> <script type="text/javascript"> $(document).ready( function() { $('#prev').click(function() { $.ajax({ type: 'POST', url: 'ajax.php', data: 'id=testdata', cache: false, success: function(result) { $('#content1').html(result[0]); }, }); }); }); </script> </head> <body> <table> <tr> <td id="prev">prev</td> <td id="content1">X</td> <td id="next">next</td> </tr> </table> </body>
and a php file ajax.php
to handle ajax requests as;
<?php $array = array(1,2,3,4,5,6); echo $array; ?>
But when I click, I am getting A
instead of array[0]. How can I fix this?
This question already has answers here:ajax({ type: "POST", url: "index. php", success: function(msg){ $('. answer'). html(msg); } });
An Array is used to store multiple values in a single variable. This can be used to pass the group of related values as data to the $. ajax for processing and get the response. E.g. pass all checked checkboxes values, selected values from the list.
you cannot access array (php array) from js try
<?php $array = array(1,2,3,4,5,6); echo json_encode($array); ?>
and js
$(document).ready( function() { $('#prev').click(function() { $.ajax({ type: 'POST', url: 'ajax.php', data: 'id=testdata', dataType: 'json', cache: false, success: function(result) { $('#content1').html(result[0]); }, }); }); });
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With