[JQ权威指南]JQ操作JSON数据

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>操作JSON数据</title>
        <script type="text/javascript"  src="Jscript/jquery-1.4.2.min.js">
    </script>
    <style type="text/css">
           body{font-size:13px}
           .iframe{width:320px;border:solid 1px #666}
           .iframe .title{padding:5px;background-color:#eee;}
           .iframe .content{padding:8px; font-size:12px;}
           .btn {border:#666 1px solid;padding:2px;width:80px;filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#ECE9D8);}
    </style>
    <script type="text/javascript">
        var strInfo = "{ 'name':  '龚德辉','sex': '男', 'email':'258365567@qq.com','date':'1349340837359'}";
        var strInfo2 = "{ 'name':  'dezai','sex': '女', 'email':'2583@qq.com','date':'1352340837768'}";

    $(function () {
        var strV0 = "原始数据";
        var strV1 = "变化数据";
        var strHTML = "";

        $("#Button1").click(function () {


            var objInfo2 = eval('(' + strInfo2 + ')'); //加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式(expression)转化为对象,而不是作为语句(statement)来执行

            if ($(this).val() == strV1) { //变化数据

                strHTML += "姓名:" + objInfo2.name + "<br>";
                strHTML += "性别:" + objInfo2.sex + "<br>";
                strHTML += "邮箱:" + objInfo2.email + "<br>";
                strHTML += "时间:" + objInfo2.date + "<br>";
                strHTML += "<hr>";

            }
            if ($(this).val() == strV0) { //原始数据
                var objInfo = eval('(' + strInfo + ')');

                strHTML += "姓名:" + objInfo.name + "<br>";
                strHTML += "性别:" + objInfo.sex + "<br>";
                strHTML += "邮箱:" + objInfo.email + "<br>";
                strHTML += "时间:" + objInfo.date + "<br>";
                strHTML += "<hr>";
                $("#Tip").html(strHTML);
                $(this).val(strV1)
            } else {

                $(this).val(strV0)
            }
            $("#Tip").html(strHTML);

        });

    });


    </script>
</head>
<body>
    <div class="iframe">
        <div class="title">
            <input id="Button1" type="button" class="btn" value="原始数据" />
        </div>
            <div class="content">
                <div id="Tip"></div>
            </div>
    </div>
</body>
</html>

这里写图片描述

©️2020 CSDN 皮肤主题: 鲸 设计师:meimeiellie 返回首页
实付 99.00元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值