How to slice array passed by php/ ajax in jquery

Question

I have got a page where visitors can use a dropdown menu to get info on a person.

After the change-call, jquery sends the ID of the person via ajax to a php-script, that pulls the data out of a database.

Because the data should be used in three different div's on the requesting page, the data is sent back as an (php) array.

And now I need your help. How can I split the array ( it has three parts ) into three javascript parts, that can be send to the specific divs (so, div1, div2 and div3)?

This is the code I have:

 $('#contentz').change(function(){
    var Value = $(this).val();  
    $.ajax({
        type: 'post',
        url: '/ajax.php',
        dataType: 'html',
        data: {action: Value},
        success:function( data){ 
    // I need to slice the array here           
            $("#veld1").html( data ); // result 1
            $("#veld2").html( data ); // result 2
            $("#veld3").html( data ); // result 3
    //alert(data); 
        }, 
        error:function (xhr, ajaxOptions, thrownError){
            //On error, we alert user
            alert(thrownError);
        }, 
        complete: function(){
            //alert('update success'); 
        }
    });
});


#contentz is the select/ dropdown.
#veld1, #veld2 and #veld3 are the divs that display the result.

and what is the output of data?

jogesh_pi
– jogesh_pi

2015-02-05 09:26:22 +00:00
Commented Feb 5, 2015 at 9:26 — jogesh_pi
– jogesh_pi, Commented Feb 5, 2015 at 9:26
What 'data' output are you getting from server??

Nishu Tayal
– Nishu Tayal

2015-02-05 09:40:05 +00:00
Commented Feb 5, 2015 at 9:40 — Nishu Tayal
– Nishu Tayal, Commented Feb 5, 2015 at 9:40
The data is text like name, address, birthdate et cetera.

Hub
– Hub

2015-02-05 09:52:11 +00:00
Commented Feb 5, 2015 at 9:52 — Hub
– Hub, Commented Feb 5, 2015 at 9:52
can u post some sample json reponse for that call ?

Arkantos
– Arkantos

2015-02-05 10:47:44 +00:00
Commented Feb 5, 2015 at 10:47 — Arkantos
– Arkantos, Commented Feb 5, 2015 at 10:47

Runcorn · Accepted Answer · 2015-02-05 09:39:56Z

1

One of the easiest way to return array to AJAX is encoding it as JSON ,

$array = array("firstDivValue","secondValue","thirdDivValue");
echo json_encode($array);

And accessing it in AJAX success via ,

$.ajax({
        .......
        //Set it as JSON as we are now returning it
        dataType: 'json',
        .........
        success : function(data){

                $.each(data,function(i,value){
                    //Get value here
                    alert(value);
                });
         }

answered Feb 5, 2015 at 9:39

Runcorn

5,2245 gold badges37 silver badges52 bronze badges

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

2 Comments

Hub Over a year ago

Runcom, how do I get the three values from the json string?

Runcorn Over a year ago

$.each(data,function(i,value){ , value gives the value in iteration

Erik · Accepted Answer · 2015-02-05 09:40:24Z

0

The way I would go about this is by outputing the data in JSON format. You can have HTML in JSON but you have to respect certain things (notably escaping certain chars). Here is a link to a quick article that explains what must be done to use html in JSON: http://www.thorntech.com/2012/07/4-things-you-must-do-when-putting-html-in-json/

answered Feb 5, 2015 at 9:40

Erik

1238 bronze badges

Comments

Lekhulal Mathalipara · Accepted Answer · 2015-02-05 10:56:40Z

0

var data = array("david","belly","Jay");
$("#veld1").html( data[0] ); 
$("#veld2").html( data[1] );
$("#veld3").html( data[2] );

answered Feb 5, 2015 at 10:56

Lekhulal Mathalipara

577 bronze badges

Collectives™ on Stack Overflow

How to slice array passed by php/ ajax in jquery

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related