当前位置:Gxlcms > PHP教程 > php与html简单的json交互示例

php与html简单的json交互示例

时间:2021-07-01 10:21:17 帮助过:19人阅读


前端(HTML)代码

<html><head><title>前台处理json简单示例title><metacharset="utf-8"/><scripttype="text/javascript"src="jquery-1.11.3.min.js">script><scripttype="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[2].username);
            });
        });
    script>head><body><h2>获取用户名和密码h2>
    用户名:<inputtype="text"name="username"id="username"/><br/>
    密码:<inputtype="password"name="password"id="password"/><br/><h2>获取会员信息h2><textareaid="members">textarea>body>html>

后台(PHP)代码

// 1.一维$member['username'] = "mike";
    $member['password'] = "123";

    // 2.二维$members['1']['username'] = "mike_1";
    $members['1']['password'] = "123";
    $members['2']['username'] = "mike_2";
    $members['2']['password'] = "123123";
    $members['2']['address'] = "珠海";

    // 根据前台传过来的请求参数来决定执行什么操作$do = $_REQUEST['do'];

    switch ($do) {
        case'first':
            echo json_encode($member);
            break;

        case'second':
            echo json_encode($members);
            break;
    }

?>

版权声明:本文为博主原创文章,未经博主允许不得转载。

以上就介绍了php与html简单的json交互示例,包括了方面的内容,希望对PHP教程有兴趣的朋友有所帮助。

人气教程排行