Ajax通信操作JSON数据实战

发布者: 狂胜 | 发布时间: 2018-1-31 14:55| 查看数: 2942| 评论数: 1|帖子模式

JSON数据操作

server2.php

<?php

//1

$member['username'] = "aseoe";

$member['password'] = "aseoe";

$do = $_REQUEST['do'];

//2

$members['1']['username'] = "爱思资源网";

$members['1']['password'] = "aseoev";

$members['2']['username'] = "极速设计";

$members['2']['password'] = "jisu";

$members['2']['address'] = "南京市";

$members['third']['members']['address'] = "南京市";

//3

class addressClass{

    public $address = array();



    public function setAddress($array){

        $this->address = $array;

    }



    public function getAddress(){

        return $this->address;

    }

}

$addressObj = new addressClass();

$addressObj->setAddress($members);

switch($do){

    case "first":

    echo json_encode($member);

    break;



    case "second":

    echo json_encode($members);

    break;



    case "third":

    echo json_encode($addressObj);

    break;



}

?>

前台显示

<!DOCTYPE HTML>

<html>

    <head>

        <title>php-JSON2</title>

        <meta charset="utf-8">

        <meta name="viewport" content="width=device-width">

        <script src="statics/js/jquery-1.10.2.min.js" type="text/javascript"></script>

        <script type="text/javascript">

        $("document").ready(function (){

            var url = "server2.php";

            var data = {"do":"first"};



            $.getJSON(url,data,function(res){

                $("#username").val(res.username);

                $("#password").val(res.password);

            });



            var data = {"do":"second"};

            $.getJSON(url,data,function(res){



            $("#members").val(res[1].username);

            $("#members").val(res.third.members.address);

            });



            var data = {"do":"third"}

            $.getJSON(url,data,function(res){

            $("#address").val(res.address[1].username);

            })

        });



        </script>

    </head>

    <body>

        <h2>一维数组</h2>

        <input type="text" name="username" id="username" /> <br />

        <input type="password" name="password" id="password" /> <br />



        <h2>多维数组</h2>

        <textarea id="members">

        </textarea>



        <h2>对象</h2>

        <textarea id="address">

        </textarea>

    <script type="text/javascript">



    </script>



    </body>

</html>