客户端HTML代码:
<table@H_404_6@>@H_404_6@
<thead@H_404_6@>@H_404_6@
<tr@H_404_6@>@H_404_6@
<td@H_404_6@>@H_404_6@学号</td@H_404_6@>@H_404_6@
<td@H_404_6@>@H_404_6@姓名</td@H_404_6@>@H_404_6@
<td@H_404_6@>@H_404_6@班级</td@H_404_6@>@H_404_6@
<td@H_404_6@>@H_404_6@性别</td@H_404_6@>@H_404_6@
<td@H_404_6@>@H_404_6@电话</td@H_404_6@>@H_404_6@
</tr@H_404_6@>@H_404_6@
</thead@H_404_6@>@H_404_6@
<tbody@H_404_6@>@H_404_6@</tbody@H_404_6@>@H_404_6@
<input@H_404_6@ id@H_404_6@="btnget"@H_404_6@ type@H_404_6@="button"@H_404_6@ value@H_404_6@="加载数据"@H_404_6@ />@H_404_6@
javascript代码:
$(function@H_404_6@()@H_404_6@{@H_404_6@
$("#btnget"@H_404_6@).click(function@H_404_6@()@H_404_6@{@H_404_6@
$.Ajax({
type:"post"@H_404_6@,dataType:"Json"@H_404_6@,url:"data.ashx"@H_404_6@,success:function@H_404_6@(msg)@H_404_6@{@H_404_6@
var@H_404_6@ str=""@H_404_6@;
for@H_404_6@(i in@H_404_6@ msg){
str+="<tr><td>"@H_404_6@+msg[i].id+
"</td><td>"@H_404_6@+msg[i].name+
"</td><td>"@H_404_6@+msg[i].cla+
"</td><td>"@H_404_6@+msg[i].sex+
"</td><td>"@H_404_6@+msg[i].tel+
"</td></tr>"@H_404_6@;
}
$("tbody"@H_404_6@).append(str);
}
});
});
});
样式部分:
<style@H_404_6@ type@H_404_6@="text/css"@H_404_6@>@H_404_6@ table@H_404_6@{ boeder-collapse@H_404_6@:collapse@H_404_6@@H_404_6@; }@H_404_6@@H_404_6@ table@H_404_6@ td@H_404_6@{ text-align@H_404_6@:center@H_404_6@@H_404_6@; border@H_404_6@:1@H_404_6@px solid gray@H_404_6@@H_404_6@; padding@H_404_6@:3@H_404_6@px 10@H_404_6@px@H_404_6@@H_404_6@; }@H_404_6@@H_404_6@ @H_404_6@</style@H_404_6@>@H_404_6@
服务器端返回的json数据代码:
string data=[@H_404_6@{@H_404_6@\"@H_404_6@id\"@H_404_6@:\"@H_404_6@2010324268\"@H_404_6@,\"@H_404_6@name\"@H_404_6@:\"@H_404_6@林宇\"@H_404_6@,\"@H_404_6@cla\"@H_404_6@:\"@H_404_6@10软件\"@H_404_6@,\"@H_404_6@sex\"@H_404_6@:\"@H_404_6@男\"@H_404_6@,\"@H_404_6@tel\"@H_404_6@:\"@H_404_6@***********\"@H_404_6@}@H_404_6@,{@H_404_6@\"@H_404_6@id\"@H_404_6@:\"@H_404_6@2010324269\"@H_404_6@,\"@H_404_6@name\"@H_404_6@:\"@H_404_6@李四\"@H_404_6@,\"@H_404_6@cla\"@H_404_6@:\"@H_404_6@10网络\"@H_404_6@,{@H_404_6@\"@H_404_6@id\"@H_404_6@:\"@H_404_6@2010324270\"@H_404_6@,\"@H_404_6@name\"@H_404_6@:\"@H_404_6@肖玲\"@H_404_6@,\"@H_404_6@sex\"@H_404_6@:\"@H_404_6@女\"@H_404_6@,\"@H_404_6@tel\"@H_404_6@:\"@H_404_6@***********\"@H_404_6@}@H_404_6@]@H_404_6@;
context.Response.Write(data);