87,907
社区成员
发帖
与我相关
我的任务
分享
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="熟悉Jquery_Ajax提交返回数据绑定.Index" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="Scripts/bootstrap.min.js"></script>
<script src="Scripts/jquery-1.10.2.min.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<button id="Button1">获取json数据</button>
<table style="width: 100%" id="tableid">
</table>
</div>
</form>
</body>
</html>
<script type="text/javascript">
$(document).ready(function () {
$('#Button1').click(function () {
var json = [{ a: '张三', b: '1203' }, { a: '男', b: '三好学生' }];//定义json字符串
var ht = "";
for (var i = 1; i < json.length; i++) {
ht = ht + '<tr>';
ht = ht + '<td>' + 姓名 + '</td>';
ht = ht + '<td>' + 学号 + '</td>';
ht = ht + '<td>' + 性别 + '</td>';
ht = ht + '<td>' + 评价 + '</td>';
ht = ht + '<tr>';
ht = ht + '<tr>';
ht = ht + '<td>' + json[i].a + '</td>';
ht = ht + '<td>' + json[i].b + '</td>';
ht = ht + '<td>' + json[i].a + '</td>';
ht = ht + '<td>' + json[i].b + '</td>';
ht = ht + '<tr>';
}
$('#tableid').append(ht);//通过juqery方式获取table,并把tr,td的html输出到table
})
})
</script>