2014-07-17 innerHTML

 function contract(loanId, status, lifeofloan, userId, loantitle){

        //获取债权列表并展示

        $.ajax({

            type: 'post',

            url : "webUCreditorsRightsAction_creditorRightsLists.do",

            dataType: 'text',

            data:{ 'loanId':loanId},

            success: function(json){

       document.getElementById("loanName").innerHTML=loantitle;

                var dataObj=eval("("+json+")");

                if(dataObj.length<=5){

                 json = "<ul class='clearfix'>";

                }else{

                 json = "<ul class='clearfix scrollBar'>";

                }

                for(var i=0;i<dataObj.length;i++){

                    json += "<li>";

                    json += "<span class='name'>"+dataObj[i].customerName+"</span>";

                    json += "<span class='money'>"+dataObj[i].amountApplied+"</span>"; 

                    json += "<span class='time'>"+dataObj[i].publishTime+"</span>";

                    json += "<span class='contract'><a href='javascript:cjjkht2(\""+loanId+"\",\""+status+"\",\""+lifeofloan+"\",\""+userId+"\",\""+dataObj[i].creditNumber+"\")'>借</a></span>";

                    json += "</li>";

                }

                json += "</ul>";

                 document.getElementById("result").innerHTML=json;

   

                document.getElementById('aaa').style.display = 'block';

                document.getElementById('bbb').style.display = 'block';

            },

            error: function(text) {}

        });

 }

<!-- 债权列表合同展示弹出框设计 style，含有遮罩效果-->

<div class="dialog-overlay" id="aaa" style="display: none;" ></div>

<div class="loan-body listClaims" id="bbb" style="display: none;">

    <a class="listClaimsClose" href="javascript:close();"></a>

    <h2>金信网为您投资的<em> <span id="loanName"></span> </em>匹配以下债权</h2>

    <div class="listClaimsMain">

        <div class="listTop clearfix">

            <span class="name">借款人</span>

            <span class="money">初始出借金额（元）</span>

            <span class="time">初始出借日期</span>

            <span class="contract">合同</span>

        </div>

        <div id="result">

        </div>

    </div>

    <a class="determine" href="javascript:close();">确定</a>

</div>

<!-- 债权列表合同展示弹出框设计 end-->