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>');  

            });

        }
    });
});

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

1 个答案: