how to set php array from the json ajax response

Question

List of category shows.After clicking the category , we have listed products based on category,when i clicked category, get_category_products fucntion called, and return json output

[{"name":"watch","unit_price":"430.00"},{"name":"watch","unit_price":"250.00"}] 





function get_category_products(category){

        $.ajax({
            type: 'POST',
            url:    "get_category_products.php",
            async: true,
            data: 'category=' + category,
            cache: false,
                success: function(data)
                {               
                alert(data);                 
                }
            });

    }

Products List code

<div style="border:solid 1px red;width:230px;height:300px;overflow-y:scroll;">
        <h4>Items/Products</h4>
        <hr>
        <table border="0">  

         <tr>
             <?php $count =1; 
             $countItems = count($products_list);
             for($pr1=0;$pr1 < $countItems;$pr1++){  ?>                     
                   <td style="border:solid 1px black;width:100px;height:70px;text-align:center">
                    <table>
                        <tr><td colspan="2"><img src=""></td> </tr>
                        <tr>
                            <td><?php echo $products_list[$pr1]->name;?></td>
                            <td><?php echo $products_list[$pr1]->unit_price;?></td>
                        </tr>                    
                    </table>
                </td>
                    <?php if($count % 3 == 0) { ?> </tr><tr><?php } ?>
                <?php $count++; } ?>
         </table>

    </div>

How to decode json output and set to php array($products_list),how to display the products based on category using above code.

Barmar · Accepted Answer · 2014-04-21 15:25:27Z

1

Add dataType: 'json' to the AJAX call, and jQuery will automatically decode it for you.

$.ajax({
    type: 'POST',
    url:    "get_category_products.php",
    async: true,
    data: { category: category},
    dataType: 'json', // *******
    cache: false,
    success: function(data) {               
        alert(data);                 
    }
});

I also recommend always passing an object as the data option, allowing jQuery to encode it for you (it will call encodeURLComponent, which encodes special characters correctly), rather than a param=value string.

edited Apr 21, 2014 at 15:25

answered Apr 21, 2014 at 15:17

Barmar

789k57 gold badges554 silver badges669 bronze badges

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

1 Comment

Callum Linington Over a year ago

change the data to : data : { category: category }

Oleg Yemelyanov · Accepted Answer · 2014-04-21 15:43:14Z

0

You have to make refactoring your code, because you can't set to php json response from your server. Only java script can use json data and you can set your json to some JS object and update your template using only js. I recommend using underscore template , it's so easy.

answered Apr 21, 2014 at 15:43

Oleg Yemelyanov

343 bronze badges

Collectives™ on Stack Overflow

how to set php array from the json ajax response

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related