Question

我正在使用JQuery Data Table 1.10.12从SQL表加载数据以显示在JQuery数据表中。我没有使用服务器端，它需要大约5-6秒来将数据加载到JQuery数据表中。有没有什么办法可以在完全加载页面时添加进度条或处理....消息。

JS

  $(document).ready(function() {
    $.ajax({
      //  asmx service to retrive the  data from server side
      url: '<%= ResolveUrl("ABCD.asmx/GetDetails")%>',
      method: 'post',
      dataType: 'json',
      success: function(data) {
        $('#example2').DataTable({
          searchHighlight: true,
          lengthChange: false,
          search: {
            smart: false
          },
          language: {
            searchPlaceholder: "Search records"
          },
          data: data,
          'columns': [{
            'data': 'FId',
            'visible': false
          }, {
            'data': 'FirmName',
            'render': function(data, type, row, meta) {
              var idc = row['FId'];
              return '<a target="_blank"         href="Firms.aspx?type=f&id=' + idc + '">' + data + '</a>';
            }
          }, {
            'data': 'ABC',
            'sortable': false
          }, {
            'data': 'DEF',
            'sortable': false
          }, {
            'data': 'GHI',
            'sortable': false
          }, {
            'data': 'City'
          }, {
            'data': 'Country'
          }, ]
        });
      }
    });
  });

Answer 1

在名为beforeSend的ajax事件中追加你的html进度条，通过进行伪造动画，假设每秒10％。然后在成功完成动画（将其拖动到100％）并分离它。

如何在从SQL表

1 个答案: