<!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);