很好理解,把公共的部分放在ajaxSetup()中,免得每次调用ajax()时都要重写一遍。
功能:使用ajaxSetup()方法设置Ajax请求时的全局性配置选项,完成检测输入数据奇偶性和是否大于0的检测。
格式:jQuery.ajaxSetup([options])或$.ajaxSetup([options])。
可选项options参数为一个对象,通过该对象设置Ajax请求时的全局选项值。
例子:使用ajaxSetup()方法设置Ajax请求时的全局性配置选项,完成检测输入数据奇偶性和是否大于0的检测。
<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>请求输入一个数字
<input id="txtNumber" type="text" size="12" />
</li>
</ul>
</div>
<script type="text/javascript">
$(function () {
$.ajaxSetup({
type:'post',
success:function(data){$("ul").append("<li>你输入的<b> "
+ $("#txtNumber").val() + " </b>是<b> "
+ data + " </b></li>");
}
});
$("#btnShow_1").bind("click", function () {
$.ajax({
data:{num: $("#txtNumber").val()},
url: "http://www.imooc.com/data/check.php"
});
})
$("#btnShow_2").bind("click", function () {
$.ajax({
data:{num: $("#txtNumber").val()},
url: "http://www.imooc.com/data/check_f.php"
});
})
});
</script>
</body>
需要说明的是:
data:{num: $("#txtNumber").val()}不能放入ajaxSetup(),因为它的值取决于输入的值,否则在初始化的时候为空,相当于0来处理。