Ajax通信操作JSON数据实战

来源 : 作者 : admin时间 : 2015-01-23 19:17:48 人气指数 :

导语 JSON数据操作server2 php<?php 1$member[& 39;username& 39;]="aseoe";$member[& 39;password& 39;]="aseoe";$do=$_REQUEST[& 39;do& 39;]; 2$members[& 39;1& 39;][& 39;username& 39;]="爱思资源网";$member

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="http://www.aseoe.com/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>

浏览效果立即下载

TAG:Ajax JSON

本站欢迎任何形式的转载，但请务必注明出处，尊重他人劳动成果
转载请注明：文章转载自：爱思资源网 http://www.aseoe.com/show-12-468-1.html

Ajax通信操作JSON数据实战

[前端插件推荐] Plugin