jQuery ajaxSetup()方法用法详细介绍

2021年4月11日15:51:11 发表评论 1,064 次浏览

ajaxSetup()方法在jQuery中, 用于设置将来AJAX请求的默认值。

语法如下:

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

参数:

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

示例1:

本示例使用ajaxSetup()方法从其他文件调用数据。

geeks1_data.txt:该文本文件在HTML文件中称为。

欢迎来到极客

gfg.html

<!DOCTYPE html>
<html>
  
<head> 
     <title>jQuery ajaxSetup() 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 id = "geeks1" style = "color:green">lsbin</h1>
     <h2 id = "geeks2">jQuery ajaxSetup() Method</h2>
     <h3></h3>
      
     <button>Click</button>
      
     <!-- Script to use ajaxSetup() method -->
     <script>
         $(document).ready(function() {
             $("button").click(function() {
                 $.ajaxSetup({url: "geeks1_data.txt", success: function(result) {
                     $("h3").html(result);
                 }});
                 $.ajax();
             });
         });
     </script>
</body>
  
</html>

输出如下:

在单击按钮之前:

jQuery ajaxSetup()方法用法详细介绍1

单击按钮后:

jQuery ajaxSetup()方法用法详细介绍2

示例2:此示例说明ajaxSetup()方法。

<!DOCTYPE html>
<html>
  
<head> 
     <title>jQuery ajaxSetup() 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 id = "geeks1" style = "color:green">lsbin</h1>
     <h2 id = "geeks2">jQuery ajaxSetup() Method</h2>
      
     <button>Click</button>
      
     <!-- Script to use jQuery ajaxSetup() Method -->
     <script>
         $(document).ready(function(){
             $("button").click(function(){
                 $.ajaxSetup({url:"geek2_dat.txt", error:function(xhr) {
                     alert("Error: " + xhr.status + " " + xhr.statusText);
                 }});
                 $.ajax();
             });
         });
     </script>
</body>
  
</html>

输出如下:

在单击按钮之前:

jQuery ajaxSetup()方法用法详细介绍3

单击按钮后:

jQuery ajaxSetup()方法用法详细介绍4

木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: