问题描述

ajax返回的列表中做一个超链接，点击超链接无刷新显示子项目

我做了一个ajax查询项目子项目的功能 ，但是现在ajax返回的值上还要做一个查询子项目的功能。不知道怎么做了！求大神帮忙 。
效果如图：

 function getCgjx(line,parcode){
        var rqlcode = document.getElementById("rqlcodes").value;
        var mytr = $("#table_tr_"+line+"_tr");
        var mytbody = $("#table_tr_"+line+"_tbody");
        if(mytr.is(":visible")){
            mytr.hide();
        }else{
            var isload = $("#table_tr_"+line+"_hidden");
            if(isload.val()==0){
                $.ajax({
                    url : 'splitplan!ajaxCgjxlist.do',
                    type : 'POST',
                    data : {
                        parcode:parcode,
                        rqlcode:rqlcode
                    },
                    dataType : 'json',
                    success : function(date) {
                        var record = eval(date);
                        for(var i=0;i<record.length;i++){
                            var rql = record[i];
                            var node = "<tr><td>"+rql.rEQCODE+"</td>";
                                node += "<td>"+rql.rEQDESC+"</td>";
                                node += "<td>"+rql.kM+"</td>";
                                node += "<td>"+rql.rEQLX+"</td>";
                                node += "<td>"+rql.rQLQTY+"</td></tr>";
                                $(node).appendTo(mytbody);
                        }
                                isload.val(1);
                                mytr.show();
                    }
                });
            }else{
                                mytr.show();
            }
        }
 }

解决方案

解决方案二：

解决方案三：

返回的列表的连接增加click事件不就好了。。

 $('列表连接选择器').click(function(){
    var me=$(this),no=me.text(),tr=me.closest('tr');
        //发送单号no获取查询内容添加到你需要的容器里面或者动态插入一行什么的tr.after('<tr>...</tr>')
        return false;//阻止默认连接跳转
})