jquery ajax js用法代码 包含超时

以下是一个带有超时设置的 jQuery Ajax 的例子：

$(document).ready(function() {
  // 绑定一个点击事件
  $('#btn-load-data').click(function() {
    // 发送 Ajax 请求
    $.ajax({
      url: 'http://example.com/data.json', // 请求的 URL
      type: 'GET', // 请求的方法
      dataType: 'json', // 服务器返回的数据类型
      timeout: 5000, // 超时设置，单位为毫秒
      success: function(data) { // 成功的回调函数
        // 在页面上显示数据
        $('#data-container').html(data);
      },
      error: function(jqXHR, textStatus, errorThrown) { // 失败的回调函数
        console.log('Error: ' + textStatus + ' - ' + errorThrown);
      }
    }); // end ajax
  }); // end click
}); // end ready

在这个例子中，我们在 `$.ajax()` 方法中添加了一个 `timeout` 参数来设置超时时间。如果服务器在超时时间内没有响应，将触发 `error` 回调函数。在这个例子中，我们将超时时间设置为 5 秒钟（5000 毫秒）。