关注我们

jQuery 中的 jQuery.ajaxSetup( option

jQuery.ajaxSetup(options)方法为将来的AJAX请求设置全局设置。

jQuery.ajaxSetup( options ) - 语法

$.ajaxSetup( options )

这是此方法使用的所有参数的描述-

options - 一组配置Ajax请求的键/值对，所有选项都是可选的。

Sr.No.	Option & Remark
1	async 一个布尔值，指示是否异步执行请求。默认值是true。
2	beforeSend 发送请求之前执行的回调函数。
3	complete 每当请求完成时执行的回调函数。
4	contentType 一个字符串，其中包含要为请求设置的MIME内容类型。默认值为application/x-www-form-urlencoded。
5	data 与请求一起发送到服务器的映射或字符串。
6	dataFilter 用于处理XMLHttpRequest的原始响应数据的函数。这是预过滤功能，用于清理响应。
7	dataType 一个字符串，用于定义期望从服务器返回的数据类型(xml，html，json或脚本)。
8	error 如果请求失败，则执行的回调函数。
9	global 一个布尔值，指示是否将由此请求触发全局AJAX事件处理程序。默认值是true。
10	ifModified 一个布尔值，指示服务器是否应在响应请求之前检查页面是否被修改。
11	jsonp 覆盖jsonp请求中的回调函数名称。
12	password 用于响应HTTP访问认证请求的密码。
13	processData 一个布尔值，指示是否将提交的数据从对象形式转换为查询字符串形式。默认值是true。
14	success 如果请求成功执行的回调函数。
15	timeout 链接：https://www.learnfk.comhttps://www.learnfk.com/jquery/ajax-jquery-ajaxsetup.html 来源：LearnFk无涯教程网毫秒数，超过该时间后，请求将在失败后超时。
16	timeout 链接：https://www.learnfk.comhttps://www.learnfk.com/jquery/ajax-jquery-ajaxsetup.html 来源：LearnFk无涯教程网设置请求的本地超时(以毫秒为单位)。
17	type 一个字符串，定义用于请求(GET或POST)的HTTP方法。默认值为GET。
18	url 包含请求发送到的URL的字符串。
19	username 用来响应HTTP访问认证请求的用户名。
20	xhr 用于创建XMLHttpRequest对象的回调。可用时默认为ActiveXObject(IE)，否则默认为XMLHttpRequest。

jQuery.ajaxSetup( options ) - 示例

假设无涯教程在result.html文件中包含以下HTML内容-

<h1>THIS IS RESULT...</h1>

以下是一个简单的示例，简单说明了此方法的用法。在这里，利用成功处理程序填充返回的HTML-

<html>
   <head>
      <title>The jQuery Example</title>
      <script type="text/javascript" 
         src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
		
      <script type="text/javascript" language="javascript">
         $(document).ready(function() {
			
            $("#driver").click(function(event){
               //Do global setting.
               $.ajaxSetup({
                  url: "result.html"
               });
					
               $.ajax( {
                  success:function(data) {
                     $('#stage').html(data);
                  }
               });
            });
				
         });
      </script>
   </head>
	
   <body>
      <p>Click on the button to load result.html file:</p>
		
      <div id="stage" style="background-color:#cc0;">
         STAGE
      </div>
		
      <input type="button" id="driver" value="Load Data" />
   </body>
</html>

这将产生以下输出-

祝学习愉快！(内容编辑有误？请选中要编辑内容 -> 右键 -> 修改 -> 提交！)

技术教程推荐

TensorFlow 2项目进阶实战 -〔彭靖田〕

好记忆不如烂笔头。留下您的足迹吧 :)