怎样用jquery把一个List里面的对象的属性,依次填入到一个table里面啊

怎样用jquery把一个List里面的对象的属性,依次填入到一个table里面啊,第1张

list是返回json格式的?假设list格式如下

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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11484503.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存