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
    };

您需要这样，因此options对象实际上作为第二个参数传递给$.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脚本，jQuery和Javascript的新手

1 个答案: