Get data from PHP array via AJAX and jQuery

Question

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?

Nutty Nur · Accepted Answer · 2014-02-08 21:37:00Z

60

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]);
            },
        });
    });
});

edited Feb 8, 2014 at 21:37

Nutty Nur

913 silver badges14 bronze badges

answered Jun 18, 2011 at 11:43

genesis

51.1k20 gold badges99 silver badges127 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ballsDeep · Accepted Answer · 2014-01-29 09:10:44Z

26

quite possibly the simplest method ...

<?php
$change = array('key1' => $var1, 'key2' => $var2, 'key3' => $var3);
echo json_encode(change);
?>

Then the jquery script ...

<script>
$.get("location.php", function(data){
var duce = jQuery.parseJSON(data);
var art1 = duce.key1;
var art2 = duce.key2;
var art3 = duce.key3;
});
</script>

answered Jan 29, 2014 at 9:10

ballsDeep

2813 silver badges2 bronze badges

3 Comments

T.Todua Over a year ago

+ 1 for jQuery.parseJSON(data); solved my problems !!

ASammour Over a year ago

Just a note. jQuery.parseJSON is deprecated in latest versions of JQuery. Use JSON.parse instead.

730wavy Over a year ago

spent hours trying to figure this out. My mistake was I had to parse the json THEN try to access the keys.

Kokos · Accepted Answer · 2011-06-18 11:44:39Z

8

When you echo $array;, the result is Array, result[0] then represents the first character in Array which is A.

One way to handle this problem would be like this:

ajax.php

<?php
$array = array(1,2,3,4,5,6);
foreach($array as $a)
    echo $a.",";
?>

jquery code

$(function(){ /* short for $(document).ready(function(){ */

    $('#prev').click(function(){

        $.ajax({type:    'POST',
                 url:     'ajax.php',
                 data:    'id=testdata',
                 cache:   false,
                 success: function(data){
                     var tmp = data.split(",");
                     $('#content1').html(tmp[0]);
                 }
                });
    });

});

answered Jun 18, 2011 at 11:44

Kokos

9,1715 gold badges29 silver badges45 bronze badges

Comments

Jagan Chennai · Accepted Answer · 2011-06-18 12:20:29Z

3

you cannot access array (php array) from js try

<?php
$array = array(1,2,3,4,5,6);
echo implode('~',$array);
?>

and js

$(document).ready( function() {
$('#prev').click(function() {
  $.ajax({
  type: 'POST',
  url: 'ajax.php',
  data: 'id=testdata',
  cache: false,
  success: function(data) {
    result=data.split('~');
    $('#content1').html(result[0]);
  },
  });
});
});

answered Jun 18, 2011 at 12:20

Jagan Chennai

915 bronze badges

Comments

JohnP · Accepted Answer · 2011-06-18 11:48:06Z

1

When you do echo $array;, PHP will simply echo 'Array' since it can't convert an array to a string. So The 'A' that you are actually getting is the first letter of Array, which is correct.

You might actually need

echo json_encode($array);

This should get you what you want.

EDIT : And obviously, you'd need to change your JS to work with JSON instead of just text (as pointed out by @genesis)

edited Jun 18, 2011 at 11:48

answered Jun 18, 2011 at 11:43

JohnP

50k13 gold badges112 silver badges142 bronze badges

1 Comment

JohnP Over a year ago

@genesis, you're right of course. Noted in the answer, thanks.

Collectives™ on Stack Overflow

Get data from PHP array via AJAX and jQuery

5 Answers 5

Comments

3 Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

3 Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related