当前位置: 代码迷 >> Java Web开发 >> Jquery从后台取回ajax前端展现成表格的有关问题
  详细解决方案

Jquery从后台取回ajax前端展现成表格的有关问题

热度:48   发布时间:2016-04-13 22:17:52.0
Jquery从后台取回ajax前端展现成表格的问题

function findAll(){  
  $.ajax({
    type:"POST",  
    url:"findall.do",  
    dataType: "json", 
    error:function(data){  
          alert("连接超时");  
      },  
       success:function(data){  
           $("#table").html("<tr><td>名称</td><td>联系人</td><td>电话</td><td>地址</td><td>大区</td><td>规模</td><td>简介</td><td>状态</td><td>加入时间</td><td>操作</td></tr>");
        for( i in data){
        $("#table").append("<tr><td>"+data[i].name+
        "</td><td>"+data[i].contact+
        "</td><td>"+data[i].phone+
        "</td><td>"+data[i].address+
        "</td><td>"+data[i].area+
        "</td><td>"+data[i].houseDesc+
        "</td><td>"+data[i].intro+
        "</td><td>"+data[i].status+
        "</td><td>"+data[i].createTime+
        "</td><td>"+"<a href='javascript:;' >修改</a>"+
        "</td><td>" +"<a href='javascript:;' >删除</a>"+
        "</td><tr>")
      }
       }  
      });  
   }




我现在想删除具体的一行,但是如何获取这一行的i值呢,现在的问题是,我需要点击删除这个超链接,将i值传入到后台去,想了好久也不知道如何用javascript解决。

------解决思路----------------------
你这个表格反正都是自己拼的,完全可以拼一个id进去……
<tr id='"+i+"'>
                           </tr>

然后给删除加onclick事件,在里边获得它这一行的id就行了
------解决思路----------------------
给每个a标记加时间  onclick='delete("+data[i].id+")'    把ID写进去
------解决思路----------------------
你每一行的数据有一个ID,点击删除时,先让它获取这个ID,然后后台写一个delete方法,在数据库删除数据
------解决思路----------------------

for( i in data){
                   $("#table").append("<tr><td>"+data[i].name+
                           "</td><td>"+data[i].contact+
                           "</td><td>"+data[i].phone+
                           "</td><td>"+data[i].address+
                           "</td><td>"+data[i].area+
                           "</td><td>"+data[i].houseDesc+
                           "</td><td>"+data[i].intro+
                           "</td><td>"+data[i].status+
                           "</td><td>"+data[i].createTime+
                           "</td><td>"+"<a href='javascript:;' >修改</a>"+
                           "</td><td>" +"<a href='javascript: handler(i);' >删除</a>"+
                           "</td><tr>")
                 }

后面handler(i)方法再ajax到后台删了数据之后再把前台刷新一次。
  相关解决方案