Question

我有四个链接，在每个链接上我们称为ajax请求和 ajax以html的形式给出了成功的反应。

预期结果：在页面就绪（加载）触发第一个链接上的点击功能如果数据存在则显示第一个html else触发第二个链接，第二个和第三个链接相同。

<li>
   <a href="javascript:void(0)" onclick="abc('current')">Current</a>
</li>
<li>
   <a href="javascript:void(0)" onclick="abc('forthcoming')">Forthcoming</a>
</li>
<li>
   <a href="javascript:void(0)" onclick="abc('pending')" >Pending Listing</a>
</li>
<li>
   <a href="javascript:void(0)" onclick="abc('recent')" >Recently Listed</a>
</li>

Onclick功能：

function abc(type) {
        $.ajax({
            type: 'get',
            url: '<?php echo Yii::app()->createUrl('market/Equity/Ipo') ?>',
            data: {'id': type},
            beforeSend: function () {
                $("#ipos").html('');
                $("#ipoImage_div").show();
            },
            success: function (data) {
                $("#ipoImage_div").hide();
                if (data != '') {
console.log(data);
                    $("#ipos").html(data);
                    return false;
                }
            }
        });
    }

如果数据不存在，那么它将返回以下html：

<div class="grid-box"><div class="coming-soon"><i class="sprite-img norecords-icon"></i><p class="txt-norecords">

目前没有为首次公开招股找到记录

如果数据存在于ajax成功中，则呈现Html

0 个答案: