jquery - 无法让基本的 AJAX 脚本工作，对于 jQuery 和 Javascript 来说是新的

Question

尝试让此 AJAX 请求正常工作。任何正文部分都会隐藏，就像事件处理程序后的第一行所说的那样。但是，about.html 中的内容无法加载，并且我没有收到任何错误消息。有什么想法吗？

    $(document).ready(function() {


      //AJAX About.html
      $('#about-button').on('click', function() {
        $('body section').hide(),

        $.ajax('about.html'), {
          success: function(response) {
            $('.about-page').html(response).slideDown()
          },
          error: function(request, errorType, errorMessage) {
            $('body').html("<p> 'Error: ' + errorType + ' with message ' + errorMessage </p>")
          },
          timeout: 3000
        };
      });



    });

Answer 1

您的语法不正确。您过早地关闭了 $.ajax() 的参数，因此没有将对象传递给它。

而不是这个:

   $.ajax('about.html'), {
      success: function(response) {
        $('.about-page').html(response).slideDown()
      },
      error: function(request, errorType, errorMessage) {
        $('body').html("<p> 'Error: ' + errorType + ' with message ' + errorMessage </p>")
      },
      timeout: 3000
    };

您需要这个，以便选项对象实际上作为第二个参数传递给 $.ajax():

   $.ajax('about.html', {
      success: function(response) {
        $('.about-page').html(response).slideDown();
      },
      error: function(request, errorType, errorMessage) {
        $('body').html("<p> 'Error: ' + errorType + ' with message ' + errorMessage </p>");
      },
      timeout: 3000
   });