仅在多次刷新后才加载 Json 数据

Question

我在向我发送 json 数据的同一域上获得了页面 像这样的东西：

 [{"clubname":"RC of Madurai West","fullname":"Rtn. AP Athithan"},{"clubname":"RC of Karur Wings","fullname":"Rtn. G Jeyaprakash"}]

我使用 ajax 调用它并将数据加载到 div 中

我的html

<div id="myags"></div>

我的 javascript

   $(document).ready(function(e){
        $.ajax({
        url:"viewag.asp", 
        type:"post",
        dataType: "json",           
        success: function(result){                      
            var data = result;          
            $.each(data, function(){    
                $("#myags").append('<div class="grid-item">'+
                     '<div class="content-box text-center">'+
                     '<h3 class="content-box-title">'+this.fullname+
                     '<br><small>'+ this.clubname + '</small></h3>'+'</div></div>');                
                 });            
            }
        });
    });

名称在页面上呈现良好，但仅在刷新或多次刷新后，为什么不在第一个页面加载时？

Answer 1

你可以试试这个吗：

$(document).ready(function(e){
    $.ajax({
        url:"viewag.asp", 
        type:"post",
        dataType: "json",

        success: function(result){
             var myargs = $("#myags");
            $.each(Array.from(result), function(index,obj){
               myargs.append('<div class="grid-item">'+
                    '<div class="content-box text-center">'+
                    '<h3 class="content-box-title">'+obj.fullname+'<br><small>'+ obj.clubname + '</small></h3>'+'</div></div>');  

            });

        }
    });
});