极客教程jQuery ajaxSetup()方法
jQuery中的ajaxSetup()方法是用来设置未来AJAX请求的默认值。
语法:
$.ajaxSetup( {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：本实例使用ajaxSetup()方法从其他文件调用数据。
geeks1_data.txt：这个文本文件在HTML文件中被调用。
欢迎来到GeeksforGeeks
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">GeeksForGeeks</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>
输出:
- 在点击按钮之前。
- 点击该按钮后。
例子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">GeeksForGeeks</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>
输出:
- 在点击按钮之前。
- 点击该按钮后。
