list = [{"id":"1","name":"A","age":20},{"id":"2","name":"B","age":21},{"id":"3","name":"C","age":22}]
最简单的就是
for(var index = 0,l = list.lengthindex<lindex++){
$("#students tbody").append("<tr><td>"+ list[index].id +"</td><td>"+ list[index].name+"</td><td>"+ list[index].age +"</td></tr>")
}
students 是table的id
<!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>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript" src="/js/jquery-1.4.4.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function (){
var list = [{"id":"1","name":"A","age":20},{"id":"2","name":"B","age":21},{"id":"3","name":"C","age":22}]
for(var index = 0,l = list.lengthindex<lindex++){
$("#students tbody").append("<tr><td>"+ list[index].id +"</td><td>"+ list[index].name+"</td><td>"+ list[index].age +"</td></tr>")
}
})
</script>
<body>
<table id="students">
<thead>
<tr>
<th>学号</th>
<th>姓名</th>
<th>年龄</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</body>
$.post('url',{'a':'a','b':'b'},function(obj){},'json')第一个参数为请求的地址,第二个为参数,第三个为callback方法,第四个为返回值obj的类型[这里为json数据类型]。在jquery中没法使用后台传过来的方法,即使有类似的反射机制用起来也不方便,建议直接传list,后台先将list转换为json数据类型,前台接收json类型数据在callback方法里面即可如下使用
function(obj){
for(i=0i<obj.lengthi++){
obj[i].Id
obj[i].Name
obj[i].Role
}
}
希望帮到你~~
Struts2的select标签,如果你是正确的取值的话,那最终生成的页面也就是如下:
<select id=""><option></option>
<option></option>
</select> // 如果你能在生成 select 上添加一个 id,那么js取数据就如下
<script type="text/javascript">
// 假设你的id是sel,那么下面的options就是你的所有数据对象
var options = document.getElementById("sel").options
// 然后你要获取第一条数据的value值,你就使用
alert(options[0].value)
// 你要获取第一条数据的text,你就使用
alert(options[0].innerHTML)
// 如果要获取第N条,就用 options[N-1]
// 要循环,也可以使用
for (var i=0i<options.lengthi++){
var val = options[i].value
}
</script>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)