您的位置：首页 > 其它

[JQ权威指南]getScript函数获取数据

2016-07-12 08:56 453 查看

HTML:

<!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>getScript函数获取数据</title>
<script type="text/javascript"
src="Jscript/jquery-1.4.2-vsdoc.js">
</script>
<script type="text/javascript"
src="Jscript/jquery-1.4.2.js">
</script>
<style type="text/css">
body{font-size:13px}
.divFrame{width:260px;border:solid 1px #666}
.divFrame .divTitle{padding:5px;background-color:#eee}
.divFrame .divContent{padding:8px}
.divFrame .divContent .clsShow{font-size:14px}
.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">
$(function () {
$("#Button1").click(function () {
$.getScript("UserInfo.js");
})
})
</script>
</head>
<body>
<div class="divFrame">
<div class="divTitle">
<input id="Button1" type="button"
class="btn" value="获取数据" />
</div>
<div class="divContent">
<div id="divTip"></div>
</div>
</div>
</body>
</html>

JS：

var data = [

{

“name”: “龚德辉”,

“sex”: “男”,

“email”: “258365567@qq.com”

},

{

“name”: “李建洲”,

“sex”: “女”,

“email”: “xiaoli@163.com”

}

];

var strHTML = “”; //初始化保存内容变量

$.each(data, function() { //遍历获取的数据

strHTML += “姓名：” + this[“name”] + “
”;

strHTML += “性别：” + this[“sex”] + “
”;

strHTML += “邮箱：” + this[“email”] + “
”;

})

$(“#divTip”).html(strHTML); //显示处理后的数据

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航