jQuery | ajax() 方法

jQuery 中的ajax() 方法用于执行 AJAX 请求或异步 HTTP 请求。

句法：

$.ajax({name:value, name:value, ... })

参数：可能的值列表如下：

• type：用于指定请求的类型。
• url：用于指定将请求发送到的 URL。
• username：用于指定HTTP访问认证请求中使用的用户名。
• xhr：用于创建 XMLHttpRequest 对象。
• async：默认值为true。它指示是否应异步处理请求。
• beforeSend(xhr)：这是一个在发送请求之前运行的函数。
• dataType：服务器响应的预期数据类型。
• error(xhr, status, error)：用于在请求失败时运行。
• global：默认值为true。用于指定是否为请求触发全局 AJAX 事件句柄。
• ifModified：默认值为false。它用于指定请求是否仅在响应自上次请求以来发生更改时才成功。
• jsonp：覆盖 jsonp 请求中的回调函数的字符串。
• jsonpCallback：用于为jsonp请求中的回调函数指定名称。
• 缓存：默认值为true。它指示浏览器是否应缓存请求的页面。
• complete(xhr, status)：这是一个在请求完成时运行的函数。
• contentType：它的默认值是：“application/x-www-form-urlencoded”，在数据发送到服务器时使用。
• context：用于为所有与 AJAX 相关的回调函数指定“this”值。
• data：用于指定要发送到服务器的数据。
• dataFilter(data, type)：用于处理 XMLHttpRequest 的原始响应数据。
• password：用于指定HTTP访问认证请求中使用的密码。
• processData：默认值为true。它用于指定是否应将随请求发送的数据转换为查询字符串。
• scriptCharset：用于指定请求的字符集。
• success(result, status, xhr)：请求成功时运行。
• timeout：请求的本地超时时间。它以毫秒为单位进行测量。
• 传统：用于指定是否使用参数序列化的传统风格。

示例 1：本示例使用 ajax() 方法使用 ajax 请求添加文本内容。

      
 
    
        jQuery ajax() Method
    
      
    
    
      
    
        $(document).ready(function() {
            $("li:parent").css("background-color", "green");
        });
    
 
  

  
    
        GeeksForGeeks
    
      
    
        jQuery ajax() Method
    
      
    
      
    Click
      
    
    
        $(document).ready(function() {
            $("button").click(function() {
                $.ajax({url: "geeks.txt", 
                        success: function(result) {
                    $("#h11").html(result);
                }});
            });
        });
    

  

输出：

• 点击按钮前：
  
• 点击按钮后：
  

示例 2：此示例说明了 jQuery 中的 ajax() 方法。

  
 
    
        jQuery ajax() Method
    
      
    
    
      
    
        $(document).ready(function() {
            $("li:parent").css("background-color", "green");
        });
    
 
  

   
    
        GeeksForGeeks
    
      
    jQuery ajax() Method
      
    
      
    Click
      
    
    
        $(document).ready(function(){
            $("button").click(function(){
                $.ajax({url: "geeks_exp.txt", async: false,
                                success: function(result) {
                    $("h11").html(result);
                }});
            });
        });
    

  

输出：

• 点击按钮前：
  
• 点击按钮后：
  

jQuery 是一个开源 JavaScript 库，它简化了 HTML/CSS 文档之间的交互，它以其“少写，多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。