ajax实例（jquery）

ゞ浴缸里的玫瑰 2022-07-21 11:29 150阅读 0赞

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>退信申请记录</title>
    <script src="../../../JS/loading.js"></script>
    <link rel="styleSheet" type="text/css" href="../../../css/overdue.css">
    <style type="text/css"> .nei_history tr td:nth-child(1) { width: 40px; } .nei_history tr td:nth-child(2) { width: 140px; } .nei_history tr td:nth-child(3) { width: 140px; } .nei_history tr td:nth-child(4) { width: 120px; } .nei_history tr td:nth-child(5) { width: 100px; } .nei_history tr td:nth-child(6) { width: 100px; } .nei_history tr td:nth-child(7) { width: 170px; } nei_history tr td:nth-child(8) { width: 120px; } #customer_addr { font-size: 15px; color: #666; margin-left: 10px; } .gungl .guangr { margin-left: 0px; margin-bottom: 8px; } </style>
    </head>
    <body>
        <div>
            <div class="nei_history">
                <table class="nei_history_table" cellspacing="0" cellpadding="0">
                    <tr>
                        <td> </td>
                        <td>申请单号</td>
                        <td>客户姓名</td>
                        <td>客户地址</td>
                        <td>退信日期</td>
                        <td>退信操作人</td>
                        <td>退信操作人团队</td>
                    </tr>
                </table>
                <div class="nei_history_div">
                    <table class="nei_history_table1" cellspacing="0" cellpadding="0">
                        
                    </table>
                </div>
            </div>
            <div class="guanxi">
                <div class="guangc">退信申请记录单</div>
                <div class="guangr">
                    客户地址<span id="customer_addr"></span>
                </div>
                <div>
                    <div class="gungl">
                        <div class="guangr">退信原因</div>
                        <textarea class="textarea4"></textarea>
                    </div>
                </div>
            </div>
        </div>
    </body>
    <script src="../../../JS/Scripts/jquery-1.11.2.min.js"></script>
    <script src="../../../JS/zcgl/neicui_history.js"></script>
    <script type="text/javascript"> $(function() { showLoading(); $.post("../../../collect/asset/getCollectionBounceRecord", { applyBillID : parent.parent.selectApplyId, size : "20000", page : "1" }, function(result) { var resultData = jQuery.parseJSON(result); if (resultData.code == "0000") { for (var i = 0; i < resultData.data.length; i++) { var data = resultData.data[i]; $(".nei_history_table1").append( createTableRow(i, [ i + 1, data.FA_ApplyBillID, data.CM_CustomerNM, data.FullAddress, data.ZT_QuitTime, data.ZT_OpEmpIDNM, data.ZT_OpEmpTeamIDNM ], function(item) { return function() { $("#customer_addr").text(item.FullAddress); //客户地址 $(".textarea4").text(item.ZT_QuitReason); //退信原因 }; }(data))); } } else if (resultData.code == "1111") { } else { alert(resultData.msg); } dismissLoading(); }); }); </script>
    </html>

/** * @param index * 行index * @param datas * 每行的数据（数组） * @param trClick * 行点击事件 */
    function createTableRow(index, datas, trClick) { 
        var tr = $("<tr></tr>");
        tr.addClass("cursorFinger");
        if (index % 2 == 0) {
            tr.addClass("nei_history_table1_tr1");
            tr.attr("item_bgcolor", "#FFFFFF"); // 记录背景颜色，供以后还原颜色的时候使用
        } else {
            tr.addClass("nei_history_table1_tr2");
            tr.attr("item_bgcolor", "#FAFAFA");
        }
        for (var i = 0; i < datas.length; i++) {
            var td = $("<td></td>");
            td.text(typeof datas[i] == undefined ? "" : datas[i]);
            td.appendTo(tr);
        }
        // 设置tr点击事件
        tr.click(function() { 
            trClick();
    
            // 兄弟节点都还原原来的颜色，且isClicked还原
            $(this).siblings("tr").each(function() { 
                $(this).css("background-color", $(this).attr("item_bgcolor"));
                $(this).attr("isClicked", "0");
            });
    
            // 设置点击效果
            $(this).css("background-color", "#A7DDF7");
            $(this).attr("isClicked", "1");
        });
    
        // 设置鼠标滑动事件
        tr.mouseover(function() { 
            if ($(this).attr("isClicked") == "1") {
                return;
            }
            // 设置鼠标滑过后的颜色
            $(this).css("background-color", "#A7DDF7");
        });
        tr.mouseout(function() { 
            if ($(this).attr("isClicked") == "1") {
                return;
            }
            $(this).css("background-color", $(this).attr("item_bgcolor"));
        });
    
        return tr;
    }

**常规**

$.ajax({
                type: "POST",
                url: "../../collect/report/getDebtList",
                dataType: "text",
                data: {
                    customName:customerName,
                    idCard:idCard,
                    applyBillID:applyNumber,
                    page:curPage,
                    size:pagesize,
                    },
                     success: function (data) {
    
                         window.parent.close_viewport(); 
                        if(data!=""){ 
    
                      var rptdata = jQuery.parseJSON(data);
    
                     if (rptdata.code=="0000") {
                          $(".lastmadeerew1").html("");
                         $(".lastmadeerew2").html("");
                         $(".lastmadeerew1").append("共"+rptdata.retain.INT_Count+"个");
                         $(".lastmadeerew2").append("金额："+rptdata.retain.NUM_SumLG_FinanceMoney);
                         var totalCount=parseInt(rptdata.retain.INT_Count);
                         kkpagerLoad(totalCount);
    
    
                         for(var i=0;i<rptdata.data.length;i++)
                            { 
                             var CM_HomeTel=rptdata.data[i].CM_HomeTel==undefined || "" ?"--":rptdata.data[i].CM_HomeTel;
                             var LG_ReturnMoneyBankNM=rptdata.data[i].LG_ReturnMoneyBankNM==undefined || "" ?"--":rptdata.data[i].LG_ReturnMoneyBankNM;
                             var LG_LoanDate=rptdata.data[i].LG_LoanDate.substr(0,10);
                             if(i%2==0){
    
                                $(".dsir_hisqw_table1").append("<tr class='dsir_hisqw_table1_tr1'>"
                                    +"<td style='width: 40px;'>"+((curPage-1)*6+i+1)+"</td>"
                                    +"<td style='width: 100px;'>"+"<span class='fonblufontyu'>"+rptdata.data[i].LG_ApplyBillID+"</span></td>"
                                    +"<td style='width: 80px;'>"+rptdata.data[i].PD_ProdNM+"</td>"
                                    +"<td style='width: 130px;'>"+LG_LoanDate+"</td>"
                                    +"<td style='width: 110px;'>"+rptdata.data[i].LG_PeriodNM+"</td>"
                                    +"<td style='width: 100px;'>"+rptdata.data[i].LG_FinanceMoney+"</td>"
    
                                    +"<td style='width: 90px;cursor: pointer;'>"
                                        +"<div class='cazuanniu1_nmh' ApplyBillID='"+rptdata.data[i].LG_ApplyBillID+"' onclick='bbglviewXQ(this)'>"
                                        +"<div style='display:none' class='detailInfo'>"
                                        +"<div class='LG_FinanceMoney'>"+rptdata.data[i].LG_FinanceMoney+"</div>"
                                        +"<div class='MB_Id'>"+rptdata.data[i].CM_CustomerID+"</div>"
                                        +"<div class='MB_Phone'>"+rptdata.data[i].CM_CustomerNM+"</div>"
                                        +"<div class='MB_Fax'>"+LG_ReturnMoneyBankNM+"</div>"
                                        +"<div class='MB_Long'>"+rptdata.data[i].LG_ReturnMoneyAccount+"</div>"
                                        +"<div class='MB_Lat'>"+rptdata.data[i].LG_LoanBankNM+"</div>"
                                        +"<div class='MB_Name'>"+rptdata.data[i].LG_LoanAccount+"</div>"
                                        +"<div class='MB_CompanyTel'>"+rptdata.data[i].CD_CompanyTel+"</div>"
                                        +"<div class='MB_MobileTel'>"+rptdata.data[i].CM_MobileTel+"</div>"
                                        +"<div class='MB_HomeTel'>"+CM_HomeTel+"</div>"
                                        +"<div class='MB_Adress'>"+rptdata.data[i].LG_SignTeamNM+"</div>"
                                       +"<div class='MB_WorkingHours'>"+rptdata.data[i].LG_ContractID+"</div></div>"    
                                        +"查看详情"+"</div></td></tr>");
                            }else{
    
    
                                $(".dsir_hisqw_table1").append("<tr class='dsir_hisqw_table1_tr2'>"
                                        +"<td style='width: 40px;'>"+((curPage-1)*6+i+1)+"</td>"
                                        +"<td style='width: 100px;'>"+"<span class='fonblufontyu'>"+rptdata.data[i].LG_ApplyBillID+"</span></td>"
                                        +"<td style='width: 80px;'>"+rptdata.data[i].PD_ProdNM+"</td>"
                                        +"<td style='width: 130px;'>"+rptdata.data[i].LG_LoanDate+"</td>"
                                        +"<td style='width: 110px;'>"+rptdata.data[i].LG_PeriodNM+"</td>"
                                        +"<td style='width: 100px;'>"+rptdata.data[i].LG_FinanceMoney+"</td>"
    
                                        +"<td style='width: 90px;cursor: pointer;'>"
                                            +"<div class='cazuanniu1_nmh' ApplyBillID='"+rptdata.data[i].LG_ApplyBillID+"' onclick='bbglviewXQ(this)'>"
                                            +"<div style='display:none' class='detailInfo'>"
                                            +"<div class='LG_FinanceMoney'>"+rptdata.data[i].LG_FinanceMoney+"</div>"
                                            +"<div class='MB_Id'>"+rptdata.data[i].CM_CustomerID+"</div>"
                                            +"<div class='MB_Phone'>"+rptdata.data[i].CM_CustomerNM+"</div>"
                                            +"<div class='MB_Fax'>"+rptdata.data[i].LG_ReturnMoneyBankNM+"</div>"
                                            +"<div class='MB_Long'>"+LG_ReturnMoneyAccount+"</div>"
                                            +"<div class='MB_Lat'>"+rptdata.data[i].LG_LoanBankNM+"</div>"
                                            +"<div class='MB_Name'>"+rptdata.data[i].LG_LoanAccount+"</div>"
                                            +"<div class='MB_CompanyTel'>"+rptdata.data[i].CD_CompanyTel+"</div>"
                                            +"<div class='MB_MobileTel'>"+rptdata.data[i].CM_MobileTel+"</div>"
                                            +"<div class='MB_HomeTel'>"+CM_HomeTel+"</div>"
                                            +"<div class='MB_Adress'>"+rptdata.data[i].LG_SignTeamNM+"</div>"
                                           +"<div class='MB_WorkingHours'>"+rptdata.data[i].LG_ContractID+"</div></div>"    
                                            +"查看详情"+"</div></td></tr>");
                            }
    
                     }
                    }
                     else if (rptdata.code=="1111"){
                         alert(rptdata.msg);
                     }
                     else if(rptdata.code=="-3003"){
                         alert(rptdata.msg);
                     }
                 }}