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请求中的回调函数指定一个名称。
cache。它的默认值是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。它是请求的本地超时。它以毫秒为单位进行衡量。
traditional：用于指定是否使用参数序列化的传统风格。

例子1：这个例子使用ajax()方法，使用ajax请求添加文本内容。

<!DOCTYPE html>
<html>
      
<head> 
    <title>
        jQuery ajax() Method
    </title>
      
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
      
    <script>
         $(document).ready(function() {$ ("li:parent").css("background-color", "green");
        });
    </script>
</head> 
  
<body style="text-align:center;">
  
    <h1 style="color:green">
        GeeksForGeeks
    </h1>
      
    <h2>
        jQuery ajax() Method
    </h2>
      
    <h3 id="h11"></h3>
      
    <button>Click</button>
      
    <!-- Script to use ajax() method to
        add text content -->
    <script>
         $(document).ready(function() {$ ("button").click(function() {
                 $.ajax({url: "geeks.txt", success: function(result) {$ ("#h11").html(result);
                }});
            });
        });
    </script>
</body>
  
</html>

输出:

在点击按钮之前。
点击按钮后。

例子2：这个例子说明了jQuery中的ajax()方法。

<!DOCTYPE html>
<html>
  
<head> 
    <title>
        jQuery ajax() Method
    </title>
      
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
      
    <script>
         $(document).ready(function() {$ ("li:parent").css("background-color", "green");
        });
    </script>
</head> 
  
<body style="text-align:center;">
   
    <h1 style="color:green">
        GeeksForGeeks
    </h1>
      
    <h2>jQuery ajax() Method</h2>
      
    <h3 id="h11"></h3>
      
    <button>Click</button>
      
    <!-- Script to use ajax() method to
        add text content -->
    <script>
         $(document).ready(function(){$ ("button").click(function(){
                 $.ajax({url: "geeks_exp.txt", async: false,                                 success: function(result) {$ ("h11").html(result);
                }});
            });
        });
    </script>
</body>
  
</html>

输出: