Question

Ajax请求响应未显示在div部分。但是，它显示在网络选项卡上。这是我的JQuery代码。

function FetchUserEscort(){
            $.ajax({
                type  : 'ajax',
                url   : 'Home/FetchUserEscort',
                async : true,
                dataType : 'json',
                success : function(data){
                    var html = '';
                    var i;
                    for(i=0; i<data.length; i++){
                        html += 
                '<div class="col-lg-4">'+
                    '<div class="user-block block text-center">'+
                        '<div class="avatar"><img src="uassets/img/avatar-4.jpg" alt="..." class="img-fluid">'+
                            '<div class="order dashbg-1">'+ i +'</div>'+
                         '</div><a href="#" class="user-title">'+
                            '<h3 class="h5">'+data[i].ProfileName+'</h3><span>'+data[i].ContactNo+'</span></a>'+
                        '<div class="contributions"><button type="button" class="btn btn-info">View More</button></div>'+
                        '<div class="details d-flex">'+
                            '<div class="item"><i class="icon-info"></i><strong>80</strong></div>'+
                            '<div class="item"><i class="fa fa-gg"></i><strong>420</strong></div>'+
                            '<div class="item"><i class="icon-flow-branch"></i><strong>272</strong></div>'+
                        '</div>'+
                    '</div>'+
                '</div>';
                    }
                    $('#ViewData').html(html);
                }
 
            });
        }
});

这是我的html代码

<div class="row" id="ViewData" >
</div>

Answer 1

var html ='';

html =“

hello world

”

$（'＃ViewData'）。append（html）;

尝试一下。

Ajax请求响应未显示在div部分

1 个答案: