求助！js中获取的数据如何进行操作

毕设助手 2024年04月16日 10:03 论文问答 1

我使用Spring框架制作了一个网站。可以查看数据库中的数据，在页面加载完毕后显示所有数据库指定表中的内容，源码如下：

 $(function(){
    $.post(
        base_path+"/record/find.do",
        {},
        function(result){
          if(result.success){
            var list=result.data;
            $(list).each(function(){
              //每次遍历会得到一个笔记本对象
              var table='<tr><td>'+this.record_title+'</td><td>'+this.record_time+'</td><td>'+this.record_man+'</td><td>'+this.record_content+'</td><td>'+this.record_comment+'</td><td>&nbsp;'+'<input type="button" value="Change" id="Change" >&nbsp;'+'<input type="button" value="Delete" id="Delete" ></td></tr>';
              $('#tbody').append(table);
              //将数据绑定上td上，为后续的修、删除功能做准备
              $('#tbody tr td:last').data("data",this);
            });
          }else{
            alert(result.message)
          }
        }  
    );
    //进入添加新数据界面
    $("#ADD").click(function(){
      location.href="Add.html";
    });
    //删除当前数据
    $("#Delete").click(function(){
      alert('11');
      location.href="Add.html";
    });
    //修改当前用户密码
    $("#changePassword").click(function(){
      alert('11');
      location.href="Add.html";
    });
    //返回Record页面
    $("#Back").click(function(){
      location.href="Record.html";
    });
    //确认添加一条数据
    $("#add").click(function(){
      add();
    });
});

现在的情况是，我想给Change和Delete按钮添加动作，但是添加之后点击没有反应。请问该怎么解决呢？

共2条回复我来回复

源码码头网

这个人很懒，什么都没有留下～

参考代码如下：

 $(function(){
    $.post(
        base_path+"/record/find.do",
        {},
        function(result){
          if(result.success){
            var list=result.data;
            $(list).each(function(){
              //每次遍历会得到一个笔记本对象
              var table='<tr><td>'+this.record_title+'</td><td>'+this.record_time+'</td><td>'+this.record_man+'</td><td>'+this.record_content+'</td><td>'+this.record_comment+'</td><td>&nbsp;'+'<input type="button" value="Change" id="Change" >&nbsp;'+'<input type="button" value="Delete" id="Delete" ></td></tr>';
              $('#tbody').append(table);
              //将数据绑定上td上，为后续的修、删除功能做准备
              $('#tbody tr td:last').data("data",this);
              //删除当前数据-----加到这里，或者把ajax异步改同步
                        $("#Delete").click(function(){
                          alert('11');
                          location.href="Add.html";
                        });
                        //修改当前用户密码
                        $("#Change").click(function(){
                          alert('11');
                          location.href="Add.html";
                        });
            });
          }else{
            alert(result.message)
          }
        }  
    );
    //进入添加新数据界面
    $("#ADD").click(function(){
      location.href="Add.html";
    });

    //返回Record页面
    $("#Back").click(function(){
      location.href="Record.html";
    });
    //确认添加一条数据
    $("#add").click(function(){
      add();
    });
});

0条评论

毕设工厂
这个人很懒，什么都没有留下～
评论

ajax加上async: false 默认true是异步执行，也就是ajax和下面的绑定事件会同时执行，或者你将事件绑定放在ajax里if(result.success){的最后面。

0条评论

发表回复

登录后才能评论

求助！js中获取的数据如何进行操作

回复

发表回复

随便看看

热门回答