8月232014
php+jq实现简单的对立,ajax异步处理
消息队列和简单处理
<?php
///测试队列
$list = array("测试1"=>"1111111111111111111",
    "测试2"=>"22222222222222222222222",
    "测试3"=>"111111133333333333333333111111111111",
    "测试4"=>"1111111444444444444444444444444111111111111",
    "测试5"=>"5555555555555555555555555",
    "测试6"=>"6666666666666666666666666666",
    "测试7"=>"77777777777777777777777777",
    "测试8"=>"888888888888888888888888",
    "测试9"=>"999999999999999999999999",
    "测试10"=>"000000000000000",
    "测试11"=>"111111111111111111111",
    "测试12"=>"222222222222222222222222",
    "测试13"=>"333333333333333333333333",
    "测试14"=>"444444444444444444444444",
    "测试15"=>"333333333333333333333",
    "测试16"=>"222222222222222222222",
    "测试17"=>"33333333333333333333333333",
    "测试18"=>"1111111111111111111",
    "测试19"=>"4444444444444444444444",
    "测试20"=>"ggggggggggggggggggg",
    "测试21"=>"1111111111111111111",
    "测试22"=>"dddddddddddddd",
    "测试231"=>"ffffffffffffffff",
    "测试241"=>"1111111111111111111",
    "测试251"=>"gggggggggggggggggggg",
    "测试2331"=>"1111111111111111111",
    "测试2223331"=>"1111111111111111111",
    "测试2341"=>"fffffffffffffffffff",
    "测试341231"=>"1111111111111111111",
    "测试12311234"=>"1111111111111111111",
    "测试43561"=>"ddddddddddddddddddddd",
    "测试23451"=>"22222222222222222222222222",);
    if(@$_GET['dl']){
        //生成总队列
        echo json_encode($arr);
    }
    if(@$_GET['stats']){
        //暂停一会
        sleep(5);
        //生成处理完毕的队列
        echo json_encode($_GET);
    }
 
?>
前端页面等待后台处理并异步显示
<!doctype=html>
<html>
    <head>
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<script>
 
    $(function(){
        $.getJSON("t.php?dl=1",function(data){
            $.each(data,function(k,v){
                    console.log(v);
                    $.getJSON("t.php?stats="+v,function(data1){
                        $.each(data1,function(k1,v1){
                            console.log(v1);
                            $('body').append("<h1>"+v1+"</h1>");
                        })
                    });
                     
            });
             
        });
    });
</script>
</head>
    <body>
    </body>
</html>
发表评论
木有头像就木JJ啦!还木有头像吗?点这里申请属于你的个性Gravatar头像吧!