how to get two arrays from php using json,jquery ajax?

Question

I want to build a graph in jqchart where i need to get two arrays

Now i want to perform operation as given below.Which is giving error ofcourse.

html
 $.ajax(
        {
            type: "GET",
            url: "customer_coverage.php",
            data: {id:id},
            contentType: "application/json",
            dataType: "json",
            success: function (data21,data22) {

                initChart2(data21,data22);
            }
        });




        function initChart2(data21,data22) {
            $('#jqChart2').jqChart({


                series: [
                {
                            type: 'column',
                            title: 'no of days ',
                data:data21,

                        },
                {
                            type: 'column',
                            title: 'no of days ',
            data:data22,

                        },


                        ]
            });
        }

heres PHP code

  echo json_encode($arr1);
  echo json_encode($arr2);

So any one has idea of how to do it?

Why don't you Merge the 2 arrays and then Encode them as JSON? — Alaa Badran
– Alaa Badran, Commented Mar 28, 2013 at 7:59

nikhil · Accepted Answer · 2013-03-28 09:38:17Z

12

no need to echo json encode two times....merge the array and send the data.......

echo json_encode(array('result1'=>$arr1,'result2'=>$arr2));

and get data by

initChart2(data.result1,data.result2);

edited Mar 28, 2013 at 9:38

nikhil

8953 gold badges12 silver badges38 bronze badges

answered Mar 28, 2013 at 8:03

bipen

36.6k9 gold badges51 silver badges62 bronze badges

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

Comments

Jai · Accepted Answer · 2013-03-28 08:13:35Z

4

See if you are able to produce two object arrays of json then you can try with this:

    var data21,data22; 
    $.ajax({
        type: "GET",
        url: "customer_coverage.php",
        data: {id:id},
        contentType: "application/json",
        dataType: "json",
        success: function (data) {
            $.each(data, function(i, item){
               data21 = item.data21;
               data22 = item.data22;
            });
            initChart2(data21,data22);
        }
    });

and i am supposing if you are able to produce this:

[
 {
    "data21": {
        .........
    },
    "data22": {
        ........
    }
 }
]

answered Mar 28, 2013 at 8:13

Jai

74.8k12 gold badges77 silver badges104 bronze badges

Comments

ksg91 · Accepted Answer · 2013-03-28 08:09:16Z

You cannot get multiple object like that. For a JSON object, you will need to have single object. So what you can do is, create a wrapper object put those two array inside it.

So basically, your php code will be:

<?php
$arr= array();
$arr['arr1'] = $arr1;
$arr['arr2'] = $arr2;

echo json_encode($arr);
?>

So now you will have single main array and so single JSON object.

On JS side, you will get single data. Little Modification will be

$.ajax(
        {
            type: "GET",
            url: "customer_coverage.php",
            data: {id:id},
            contentType: "application/json",
            dataType: "json",
            success: function (data) {
            var data21=data['arr1'];
            var data22=data['arr2'];
                initChart2(data21,data22);
            }
        });

This should work.

Dipesh Parmar · Accepted Answer · 2013-03-28 08:03:56Z

1

You need to combine both array using array_merge().

Example

$response = array();

$response = array_merge($arr1,$arr2);
echo json_encode($response);

answered Mar 28, 2013 at 8:03

Dipesh Parmar

27.3k8 gold badges65 silver badges92 bronze badges

Collectives™ on Stack Overflow

how to get two arrays from php using json,jquery ajax?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related