Question

我通过ajax的回调函数返回一个数据库表格,如何把这个表格显示在当前的jsp页面上?

这是在当前页面内写的js函数

这是js函数里面alert(userlist);的执行效果

但是运行网页没有显示出表格，如何使表格显示在jsp页面上呢？





Answer 1

1：思考，得到的是JSON数据，那么可以通过JS拼接生成HTML结构

2：需要JS对JSON对象的循环，将值拼接进去

3：实现示例：

<select id="userlist">
    
</select>

//这儿我使用Jquery咯，因为方便
function createTable(userlist){
    var dom = $("userlist");//获取下拉列表DOM对象
     dom.empty();//再拼接前一定要清空原来的下拉数据，否者就会累加了哦！
    //判断数据是否为空，是空的话就什么都不做了，或者你可以根据你的业务需求来处理
    if(userlist.length==0){
        return;
    }
    for(var i=0;i<userlist.length;i++){
        dom.append("<option value='"+uselist[i].id+"'>"+userlist[i].name+"</option>");
    }
    //如此即可
}

Answer 2

我看你返回的是一个json格式的数据，把这个数据解析出来放到表格中，我用PHP实现过，JSP也有相应的json解析函数，应该不难吧，不过你不是想在弹出框中显示一个表格吧，这样好像做不到，

Answer 3

你需要在后台自己把表格的html代码以out.print()的形式输出到前台，前台success函数中用js的innerHTML方法将你print的结果插入你想显示表格的区域

追问

我用struts2已经把userlist传到js中了呀？现在直接从js读到jsp页面中就行啦~我不会，求教~

追答

你的userlist只是单纯的数据 你不是想在页面中显示表格吗 所以你还得把表格的html代码传给页面 并在页面中显示这些html代码

Answer 4

用jquery赋值啊，给元素一个class还是id然后用jquery选择器选出来赋值啊