033-jQuery Ajax的ajaxSetup方法

1. $.ajaxSetup()方法设置全局AJAX默认选项。

2. 语法

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

3. $.ajax()方法的参数在$.ajaxSetup()方法中都能设置。可使多个$.ajax()方法公用参数。

4. 例子

4.1. 新建一个名为jQueryAjaxSetup的WEB工程

4.2. 新建test.json

{"data": {"code": 1, "info": "success", "msg": "请求成功。"}}

4.3. 新建test.xml

<?xml version="1.0" encoding="UTF-8"?>
<data>
	<code>1</code>
	<info>success</info>
	<msg>请求成功。</msg>
</data>

4.4. 新建index.html

<!DOCTYPE html>
<html>
	<head>
		<title>jQuery-Ajax的ajaxSetup()方法</title>
		<meta charset="utf-8" />

		<script type="text/javascript" src="jquery.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$.ajaxSetup({
					type: 'get',
					cache: false,
					async: true,
					timeout: 50000, 
					context: $("#result"),
					success: function(response,textStatus,jqXHL){
						console.log('-------success Start-------------');
						for(var i = 0; i < arguments.length; i++){
							console.log(arguments[i]);
						}	
						console.log('-------success End-------------');
						$(this).text(jqXHL.responseText);
					},
					error: function(jqXHL,textStatus,error){
						console.log('-------error Start-------------');
						for(var i = 0; i < arguments.length; i++){
							console.log(arguments[i]);
						}		
						console.log('-------error End-------------');
					}
				});
				$('#btn1').click(function(){
					$.ajax({
						url: 'test.json',
						dataType: 'json'
					});
				});
				$('#btn2').click(function(){
					$.ajax({
						url: 'test.xml',
						dataType: 'xml'
					});
				});
			});
		</script>
		<style type="text/css">
			div {
				width: 450px;
				height: 100px;
				background-color: pink;
			}
		</style>
	</head>
	<body> 
  		<div id="result">结果区域</div><br />
  		<button id="btn1">获取test.json</button> <button id="btn2">获取test.xml</button>
	</body>
</html>

4.5. 运行项目

033-jQuery Ajax的ajaxSetup方法

猜你喜欢