简体   繁体   中英

Display php data json_encoded with ajax

I convert my php code to json with json_encoded function. After I write ajax code to display my data in ajax but when running don't display my data.

My json code:

[
{"Name":"fasher","Description":"2500 kg","Namyandegi":"20,500,000","Bazar":"22,410,000"}
,
{"Name":"shob","Description":"1000 kg","Namyandegi":"10,400,000","Bazar":"12,220,000"}
]

and ajax file:

<script type='text/javascript'>
            $(document).ready(function(){

                    $.getJSON('saipa.php', function(data) {

                            $.each(data, function(key, val) {
                                    $('ul').append('<li id="shoker">' + val.Name + ' ' + val.Description + ' ' + val.Namyandegi + ' ' + val.Bazar + '</li>');
                            });
                    });

            });
            </script>

<body>
     <ul><li id="shoker"></li></ul>
</body>

Use the index overload $.each()

$.each(data, function(index) {
    $('ul').append('<li id="shoker">' + data[index].Name + ' ' + 
                                        data[index].Description + ' ' + 
                                        data[index].Namyandegi + ' ' + 
                                        data[index].Bazar + '</li>'
             );
});

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM