jQuery | ajaxComplete() 方法

ajaxComplete()方法用于指定在AJAX 请求完成时要运行的函数。

句法：

$(document).ajaxComplete(function(event, xhr, options))

范围：

• event：它包含事件对象。
• xhr：它包含 XMLHttpRequest 对象。
• options：它包含 AJAX 请求中使用的选项。

The demo.txt file stored on the server and it will load after clicking the change content button.
The content of demo.txt are:
This is GFG.

示例 1：本示例通过从服务器获取数据来更改 < p > 元素的内容。当 AJAX 请求完成时，页面显示AJAX 请求完成。 .

  

    
    
    
    
        $(document).ready(function() {
            $(document).ajaxComplete(function() {
                alert(" AJAX request completes.");
            });
            $("button").click(function() {
                $("#paragraph").load("demo.txt");
            });
        });
    
    
    
        body {
            text-align: center;
        }
    

  

    
        
          GeeksforGeeks
      
        
            A computer science portal for geeks
        
    
    Change Content

  

输出：

• 点击按钮之前
  
• 点击按钮后
  
  

示例 2：此示例通过从服务器获取数据来更改

元素的内容。当 AJAX 请求完成时，页面显示AJAX 请求完成。 .

  

    
    
    
        $(document).ready(function() {
          $(document).ajaxComplete(function() {
              alert("AJAX request completes.");
          });
          $("button").click(function() {
              $("#paragraph").load("demo.txt");
          });
      });
    
    
        body {
            text-align: center;
        }
    

  

    
        
          GeeksforGeeks
      
        
            A computer science portal for geeks
        
    
    Change Content

  

输出：

• 点击按钮之前
  
• 点击按钮后