(1)功能描述，当用户单击"获取数据"按钮时，将读取一个JSON格式数据，并将读取的内容显示在页面中。
(2)代码实现：
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>title> <title>validate验证插件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} span{color:Red;font-size:12px} .divFrame{width:260px;border:solid 1px #666} .divFrame .divTitle{padding:5px;background-color:#eee;font-weight:bold} .divFrame .divContent{padding:8px;line-height:1.6em} .divFrame .divBtn{padding-bottom:8px;padding-left:8px} .txt{border:#666 1px solid;padding:2px;width:150px;margin-right:3px} .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 objInfo = { 'name':'dezai', 'sex':'男', 'email':'258365567@qq.com' };
$(function () { $("#Button1").click(function () { //按钮单击事件 var strHTML = ""; //初始化保存内容变量 strHTML += "姓名:" + objInfo.name + "
";
strHTML += "性别:" + objInfo.sex + "
";
strHTML += "邮箱:" + objInfo.email + "
";
$("#divTip").html(strHTML); //显示处理后的数据 }); ;
}); script> head> <body> <div class="divFrame"> <div class="divTitle"> <span><input id="Button1" type="button" value="获取数据" class="btn" />span> div> <div class="divContent"> <div id="divTip" class="clsShow">div> div> div> body> html>
