使用ajaxSetup()方法設(shè)置全局Ajax默認(rèn)選項
使用ajaxSetup()方法可以設(shè)置Ajax請求的一些全局性選項值，設(shè)置完成后，后面的Ajax請求將不需要再添加這些選項值，它的調(diào)用格式為：
jQuery.ajaxSetup([options])或$.ajaxSetup([options])
可選項options參數(shù)為一個對象，通過該對象設(shè)置Ajax請求時的全局選項值。
例如，先調(diào)用ajaxSetup()方法設(shè)置全局的Ajax選項值，再點擊兩個按鈕，分別使用ajax()方法請求不同的服務(wù)器數(shù)據(jù)，并將數(shù)據(jù)內(nèi)容顯示在頁面，如下圖所示：
在瀏覽器中顯示的效果：
從圖中可以看出，使用ajaxSetup()方法設(shè)置了Ajax請求時的一些全局性的配置選項后，在兩次調(diào)用ajax請求服務(wù)器txt文件時，只需要設(shè)置url地址即可。
任務(wù)
我來試試，親自使用ajaxSetup()方法設(shè)置Ajax請求時的全局性配置選項
在下列代碼的第27、28、29行中，使用ajaxSetup()方法設(shè)置Ajax請求時的全局性配置選項，完成檢測輸入數(shù)據(jù)奇偶性和是否大于0的檢測。
注：url路徑為 http://idcbgp.cn/data/check.php
- ?不會了怎么辦
-
- 調(diào)用
ajaxSetup()方法設(shè)置全局性Ajax配置項時，如果向服務(wù)器發(fā)送數(shù)據(jù)，需要設(shè)置將type屬性值設(shè)置為“POST”，同時，需要添加回調(diào)函數(shù)success。
- “
ajaxSetup()”書寫是否正確，大小寫需要區(qū)分。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>使用ajaxSetup()方法設(shè)置全局ajax請求默認(rèn)選項</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="divtest">
<div class="title">
<span class="fl">奇偶性和是否大于0</span>
<span class="fr">
<input id="btnShow_1" type="button" value="驗證1" />
<input id="btnShow_2" type="button" value="驗證2" />
</span>
</div>
<ul>
<li>請求輸入一個數(shù)字
<input id="txtNumber" type="text" size="12" />
</li>
</ul>
</div>
<script type="text/javascript">
$(function () {
?
?
?
$("ul").append("<li>你輸入的<b> "
+ $("#txtNumber").val() + " </b>是<b> "
+ data + " </b></li>");
}
});
$("#btnShow_1").bind("click", function () {
$.ajax({
data: { num: $("#txtNumber").val() },
url: "http://idcbgp.cn/data/check.php"
});
})
$("#btnShow_2").bind("click", function () {
$.ajax({
data: { num: $("#txtNumber").val() },
url: "http://idcbgp.cn/data/check_f.php"
});
})
});
</script>
</body>
</html>
#divtest
{
width: 282px;
}
#divtest .title
{
padding: 8px;
background-color:Blue;
color:#fff;
height: 23px;
line-height: 23px;
font-size: 15px;
font-weight: bold;
}
ul
{
float: left;
width: 280px;
padding: 5px 0px;
margin: 0px;
font-size: 14px;
list-style-type: none;
}
ul li
{
float: left;
width: 280px;
height: 23px;
line-height: 23px;
padding: 3px 8px;
}
.fl
{
float: left;
}
.fr
{
float: right;
}
請驗證，完成請求
由于請求次數(shù)過多，請先驗證，完成再次請求
