【AJAX】使用ajaxSetup()方法设置全局Ajax默认选项

最新推荐文章于 2022-10-09 11:45:52 发布

badlyForPapers

最新推荐文章于 2022-10-09 11:45:52 发布

阅读量3.1k

点赞数

分类专栏： AJAX

本文链接：https://blog.csdn.net/happyhaojie/article/details/51082260

版权

AJAX 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

很好理解，把公共的部分放在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来处理。

badlyForPapers

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
【AJAX】使用ajaxSetup()方法设置全局Ajax默认选项

很好理解，把公共的部分放在ajaxSetup()中，免得每次调用ajax()时都要重写一遍。功能：使用ajaxSetup()方法设置Ajax请求时的全局性配置选项，完成检测输入数据奇偶性和是否大于0的检测。格式：jQuery.ajaxSetup([options])或$.ajaxSetup([options])。可选项options参数为一个对象，通过该对象设置Ajax请求时的全局选项
复制链接

扫一扫