How to set timeout when BootstrapTable requests data

When using bootstrapTable to obtain data, sometimes due to network or server reasons, the data cannot be obtained in time, and the page display is always in a waiting state. In order to improve the effect, consider setting a timeout. If the timeout is sent after the request is sent, there will be no data. Re-submit the request after a period of time.

In implementation, bootstrapTable obtains data through ajax, and can use the ajaxOptions option to set some properties of ajax.

To set timeout for bootstrapTable, first set the async attribute to true. Async is false by default in bootstrapTable. For example

$("#event_table").bootstrapTable({
 url: urlAddr,
 ajaxOptions: {async:true,timeout:5000},
});

In addition, using the refresh method to add ajaxOptions, but it has no effect:

$(“#event_table”).bootstrapTable('refresh', {
  url: api_url,
  ajaxOptions:{async:true,timeout:1000}
});

The reasons need to be further investigated.

Let’s take a look at how to know whether the table data is loaded successfully when using bootstrapTable to obtain data?

bootstrapTable provides a special loadsuccess method to reflect whether the data is loaded successfully.

$('',function(data){
  ("load success");
 });

bootstrapTable usage documentation, please refer to/documentation/

refer to:

A brief analysis of the difference between refresh and refreshOptions of boostrapTable

The above is the method of setting a timeout when requesting data by BootstrapTable that I have introduced to you. I hope it will be helpful to you. If you have any questions, please leave me a message and the editor will reply to you in time. Thank you very much for your support for my website!