jquery解析php通过ajax传过来的json二维数组对象

Posted 岁月如歌

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery解析php通过ajax传过来的json二维数组对象相关的知识,希望对你有一定的参考价值。

ajax获得php传过来的json二维数组对象,jquery解析

 

php代码:

<?php 
$news = array(
    \'武汉\'=>array(1,2,3),
    \'广州\'=>array(\'rain\',\'shu\',\'fruit\'),
    \'北京\'=>array(\'yellow\',\'orange\',\'black\'),
    \'上海\',
    \'深圳\'
);

echo json_encode($news);

前台页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</body>
<script type="text/javascript" src="./jquery.js"></script>
<script type="text/javascript">
    $(\'ul\').click(function(){
        $.get(\'29.php\',function(msg){
            var i=0;
            $.each(msg,function(n,value){
                if (n.length!=1) {
                    var html=\'\';
                    for(var x=0;x<value.length;x++){
                        html+=value[x]+\',\';
                        }
                    html=html.substring(0,html.length-1);
                    $(\'li\').eq(i).html(n+\'后面有\'+html);    
                    

                }else{
                          $(\'li\').eq(i).html(msg[n]+\'后面没有东西\');
                }
                i++;
            });
        },\'json\');
    });
</script>
</html>

 

效果如下:

 

以上是关于jquery解析php通过ajax传过来的json二维数组对象的主要内容,如果未能解决你的问题,请参考以下文章

后台怎么接受并解析前端ajax传过来的json

jquery通过AJAX接受PHP传过来的值。怎么接收?

php 解析java传过来的json数据

python django通过ajax向后端传json怎么解析

前台js如何获取后台传过来的list数据?

mvc ---- ajax 提交过来的Json格式如何处理(解析)