<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        body{
            font-size: 13px;
        }
        .divFrame{
            width: 260px;
            border: 1px solid #666666;
        }
        .divFrame .divTitle{
            padding: 5px;
            background-color: #EEEEEE;
            text-align: center;
        }
        .divFrame .divContent {
            padding: 8px;
        }
        .divFrame .divContent .clsShow{
            font-size: 14px;
        }
        .btn{
            border: 1px solid #666666;
            padding: 2px;
            width: 80px;
        }
    </style>
    <script src="../js/jquery-3.5.1.js"></script>
    <script>
        $(function () {
           $("#button1").click(function () {
               $.getScript("UserInfo.js");
           });
        });
    </script>
</head>
<body>
    <div class="divFrame">
        <div class="divTitle">
            <input type="button" id="button1" value="获取数据" class="btn">
        </div>
        <div class="divContent">
            <div id="divTip"></div>
        </div>
    </div>
</body>
</html>

 


var data = [
    {
        "name":"taotao",
        "sex": "nan",
        "email":"taobao@163.com"
    },
    {
        "name":"lili",
        "sex":"nv",
        "email":"xiaoli@163.com"
    }
];

var strHtml = "";
$.each(data,function () {
   strHtml += "name=" + this.name + "<br>";
   strHtml += "sex=" + this.sex + "<br>";
   strHtml += "email" + this.email + "<br><hr>";
});

$("#divTip").html(strHtml);