ajax获取后台数据并插入到tr中的功能实现

最新推荐文章于 2021-08-06 16:38:55 发布

听雪声的春天

最新推荐文章于 2021-08-06 16:38:55 发布

阅读量1.8k

点赞数

分类专栏： web 文章标签： ajax javascript django

本文链接：https://blog.csdn.net/grs294845170/article/details/78088673

版权

本文记录了一个项目需求，即通过Ajax获取后台数据，并根据点击事件在特定TR下动态插入新的TR，实现数据展开和折叠功能。遇到的主要问题包括JS不熟悉和URL配置错误，最终通过优化JS代码和Django后台处理实现了这一功能。

摘要由CSDN通过智能技术生成

目前项目有个需求:tr是后台动态生成的,当点击其中一个tr时,获取相应的数据,并在该tr下以新的tr形式展开数据,这时可能会有多个新的tr生成,当再次点击旧的tr时,这些新的tr全部折叠起来.

因为对js不是太熟练,在加上url配置错误了,弄得我花了半天时间才弄好,这里记录一下.

js代码:

$(document).ready(function() {
    var aa = 0;
     $(".gradeX").click(function(){     
     $(this).toggleClass("selected");
        var c = $(this).find('.catas').html();
        var idvalue = $(this).find('.idvalue').html();   
        if ( aa == 0 ) {
        var res = getresult(idvalue);              
        if ( res.statue == 1) {
            var tr1 = $(res.result);
            tr1.insertAfter(this);
            changeurl();
            } else {};
        aa = 1;
        changestatus(idvalue);
} else {