Asp.Net+Jquery.Ajax详解6-$.ajaxSetup

最新推荐文章于 2023-06-09 09:21:40 发布
最新推荐文章于 2023-06-09 09:21:40 发布
阅读量3k 收藏 2
点赞数 6
分类专栏： Web开发 Javascript Jquery 文章标签： asp.net ajax callback function button input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shan9liang/article/details/7833795
版权
Web开发 同时被 3 个专栏收录
119 篇文章 2 订阅
订阅专栏
Javascript
31 篇文章 0 订阅
订阅专栏
Jquery
16 篇文章 0 订阅
订阅专栏

目录（已经更新的文章会有连接，从7月25日开始，每2到3天更新一篇）：

Asp.Net+Jquery.Ajax详解1-开篇（2012.07.25发）

Asp.Net+Jquery.Ajax详解2-$.Load（2012.07.26发）

Asp.Net+Jquery.Ajax详解3-$.get和$.post（2012.07.30发）

Asp.Net+Jquery.Ajax详解4-$.getJSON（2012.07.31发）

Asp.Net+Jquery.Ajax详解5-$.getScript（2012.08.04发）

Asp.Net+Jquery.Ajax详解6-$.ajaxSetup（2012.08.06发）

Asp.Net+Jquery.Ajax详解7-全局Ajax事件（2012.08.09发）

Asp.Net+Jquery.Ajax详解8-核心$.ajax（2012.08.12发）

Asp.Net+Jquery.Ajax详解9-serialize和serializeArray（2012.08.15发）

Asp.Net+Jquery.Ajax详解10-JSON和XML+写在最后（2012.08.20发，结束啦！）

 

 

jQuery.ajaxSetup([options])

 

设置全局 AJAX 默认选项。如果我们要设置界面上所有的jquery ajax 函数的默认属性,就可以使用该函数设置options选项, 此后所有的Ajax请求的默认options将遵循我们通过该函数设置的.

 

参数

options 选项设置。所有设置项均为可选设置。

 

主要是使用名称/值(name:value)对来规定 AJAX 请求的设置。

 

先上实例,我们再来说明

 

客户端——

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JqueryAjaxSetup.aspx.cs" Inherits="JqueryAjaxTest.JqueryAjaxSetup" %>

<!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 runat="server">
    <title>jquery ajax test</title>
    <script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
     <script type="text/javascript">
         $(function () {
             $.ajaxSetup({
                 url: "data/GetServiceInfo.aspx", //设置AJAX 请求默认地址
                 data: { "param": "Jialin" }, //设置AJAX 请求默认参数
                 global: false, //禁止触发全局 AJAX 事件
                 type: "POST", //用 POST 代替默认 GET 方法
                 success: function (responseText) { $("#result").html(responseText); }//设置默认回调函数
             });

             //绑定按钮事件
             $("#testGet").click(function (event) { $.get(); });
             $("#testPost").click(function (event) { $.post(); });
             $("#testGet2").click(function (event) { $.get("data/GetServiceInfo.aspx", { "param": "Jingquan" }); });

         });

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="testGet" type="button" value="采用全局 AJAX 默认选项调用get()方法，会替换掉设置的请求方式post" />
           <input id="testPost" type="button" value="采用全局 AJAX 默认选项调用post()方法" />
              <input id="testGet2" type="button" value="传递参数覆盖默认参数调用get()方法" />
       <div id="result"></div>
    </div>
    </form>
</body>
</html>


服务端——

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace JqueryAjaxTest.Data
{
    public partial class GetMethodInfo : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

            string param = "";

            //获取参数
            if (!String.IsNullOrEmpty(HttpContext.Current.Request["param"]))
            {
                param = HttpContext.Current.Request["param"];
            }
            
            //清空缓冲区
            Response.Clear();
            //将字符串写入响应输出流
            Response.Write("Http请求的方式为："+Request.HttpMethod.ToUpper()+"; 传递过来的参数为:"+param);
            //将当前所有缓冲的输出发送的客户端，并停止该页执行
            Response.End();

        }
    }
}


 

 

简要说明一下,

上面的代码设置了一个Ajax请求需要的基本数据: 请求url, 参数, 请求类型, 成功后的回调函数.

此后我们可以使用无参数的get(), post()发送ajax请求.

 

注意当使用get()或者post()方法时, 除了type参数将被重写为"GET"或者"POST"外, 其他参数都是使用默认的全局option. 如果更改了某一个选项, 例如最后一个更改了url和参数, 则该次调用会以更改的选项为准. 没有更改的选项比如回调函数还是会使用全局option设置.

 

其中有一个参数global,用以表示是否触发全局的Ajax事件.

 

类型:布尔值,默认为 true

 

全局Ajax事件是一系列伴随Ajax请求发生的事件.主要有如下事件:

 

ajaxComplete( callback ) AJAX 请求完成时执行函数

ajaxError( callback ) AJAX 请求发生错误时执行函数

ajaxSend( callback ) AJAX 请求发送前执行函数

ajaxStart( callback ) AJAX 请求开始时执行函数

ajaxStop( callback ) AJAX 请求结束时执行函数

ajaxSuccess( callback ) AJAX 请求成功时执行函数

 

具体的,我们下一篇再介绍.

shan9liang
关注
  • 6
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
ajaxsetup无效_jQuery - 拦截所有Ajax请求（统一处理超时、返回结果、错误状态码 ）...
weixin_31349647的博客
01-17 1367
通过 jQuery提供的 ajaxSetup方法，我们可以拦截页面上所有的 Ajax请求响应(包括 $.ajax、$.post、$.get)。这样我们可以对这些 Ajax请求响应做统一的处理。比如判断 sesion是否失效，失效的话就跳转到登录页。下面通过几个样例进行演示。一、判断session是否失效，并统一进行处理Ajax请求数据时，后台代码判断当前 session是否存在，是否已经超时失效了...
$.ajax()方法参数详解
12-10
会灵活的运用ajax的方法，非常重要，本文先给大家介绍ajax的几种方法，然后通过实例给大家分析详解，具体内容请看下文吧 1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 2.type: 要求为...
ajaxSetup是干什么的？底层原理是什么？
长风破浪会有时的博客
06-09 496
您可以设置诸如请求的URL、请求类型、数据类型、超时时间和其他选项的默认值。这样，您就不必在每个Ajax请求中重复设置这些选项，而是可以在整个应用程序中统一配置它们。在执行实际的Ajax请求时，只需要指定特定于该请求的数据即可，而无需显式设置URL、类型、数据类型和超时时间等选项。是jQuery中的一个方法，用于设置全局的Ajax请求选项。设置的是全局选项，因此它将影响到整个应用程序中的所有Ajax请求。当发起Ajax请求时，jQuery会使用这个全局配置对象作为默认选项，以便为请求应用设置的值。
JavaScript 学习-48.$.ajaxSetup方法设置AJAX的全局默认设置
qq_27371025的博客
10-09 3081
$.ajaxSetup方法用于设置AJAX的全局默认设置。之后执行的所有AJAX请求，如果对应的选项参数没有设置，将使用更改后的默认设置。 这方便我们设置error 统一返回样式。
035_jQuery Ajax的ajaxSetup方法
aihiao的专栏
01-09 828
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": "请求
用 jQuery.ajaxSetup 实现对请求和响应数据的过滤
weixin_30394333的博客
12-02 368
不知道同学们在做项目的过程中有没有相同的经历呢？在使用 ajax 的时候，需要对请求参数和响应数据进行过滤处理，比如你们觉得就让请求参数和响应信息就这么赤裸裸的在互联网里来回的穿梭，比如这样： 要知道，在浩瀚的互联网中，所有的信息都是不安全的，万一有人偷窥我们怎么办？！万一被别人看见了我们的美体，偷窥到了我们的私处，然后以此威胁我们，岂不是太难堪了不是？这时，你或许会想给请求数据和响应数据加...
Jquery中$.ajax()方法参数详解
12-07
俗说好记性不如个烂笔头，下面是jquery中的ajax方法参数详解，这里整理了一些供大家参考。  1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 2.type: 要求为String类型的参数，请求方式...
JQuery中$.ajax()方法参数详解及应用
01-21
此设置将覆盖$.ajaxSetup()方法的全局设 置。 async：要求为Boolean类型的参数，默认设置为true，所有请求均为异步请求。 如果需要发送同步请求，请将此选项设置为false。注意，同步请求将锁住浏览器，用户其他操作...
Jquery在IE7下无法使用 $.ajax解决方法
01-19
Microsoft failed to properly // implement the XMLHttpRequest in IE7, so we use the ActiveXObject when it is available // This function can be overriden by calling jQuery.ajaxSetup xhr:function(){ ...
用jQuery.ajaxSetup实现对请求和响应数据的过滤
01-19
在使用 ajax 的时候，需要对请求参数和响应数据进行过滤处理，比如你们觉得就让请求参数和响应信息就这么赤裸裸的在互联网里来回的穿梭，比如这样： 要知道，在浩瀚的互联网中，所有的信息都是不安全的，万一有人...
ajax选项教程,使用ajaxSetup()方法设置全局Ajax默认选项
weixin_36074668的博客
08-05 690
使用ajaxSetup()方法设置全局ajax请求默认选项奇偶性和是否大于0请求输入一个数字$(function () {???$("ul").append("你输入的 "+ $("#txtNumber").val() + " 是 "+ data + " ");}});$("#btnShow_1").bind("click", function () {$.ajax({data: { num: ...
$.ajaxSetup()设置全局Ajax(ajax在jQuery中的运用学习第十一天)
weixin_42306620的博客
07-01 1636
        在使用$.ajax()方法时，有时需要调用多个$.ajax()方法，如果每个方法都设置其中的请求细节，将是一件十分麻烦的事。为了简化这种工作，在jQuery中，可以使用$.ajaxSetup()方法设置全局性的ajax默认选项，一次设置，全局有效，这样大大简化了$.ajax()方法中细节的编写，该方法的调用格式为：        $.ajaxSetup([options])    ...
$.ajaxSetup在ajax请求中的使用
beitian_123的博客
09-08 887
1. 背景 在工作中常用到ajax请求进行前后台交互，有时候一个页面中多处需要发送ajax请求，于是便见到前辈写的ajaxSetup代码，找来若干本参考书，进行研究和学习，发现ajaxSetup是简化ajax工作量的一个不错的手段，于是写了几个例子，特在此进行总结。 2. 应用场景 对于通过ajax频繁与后台进行交互的页面来说，每一次交互都需要设置很多选项，这个...
ajax全局变量 ajaxSetup 的用法
隐形飞鲨的专栏
06-30 779
近日，在工作的过程中遇到
jQuery $.ajaxSetup方法
allenmu1982的博客
04-12 398
jQuery.ajaxSetup()函数用于设置Ajax的全局默认设置。 该函数用于更改jQuery中AJAX请求的默认设置选项。之后执行的所有AJAX请求，如果对应的选项参数没有设置，将使用更改后的默认设置。该函数属于全局jQuery对象。 2，示例说明 //设置AJAX的全局默认选项 $.ajaxSetup( { url: "/index.html" , ...
ajaxsetup获取ajax的url_jQuery.ajaxSetup() 函数详解
weixin_30010599的博客
01-13 650
该函数用于更改jQuery中AJAX请求的默认设置选项。之后执行的所有AJAX请求，如果对应的选项参数没有设置，将使用更改后的默认设置。//设置AJAX的全局默认选项$.ajaxSetup( {aysnc: true, // 默认同异加载type: "POST" , // 默认使用POST方式headers: { // 默认添加请求头"Author": "arzorath" ,"Powered-B...
ajax定义和用法
逸轩
01-28 1913
定义和用法 ajax() 方法用于执行 AJAX（异步 HTTP）请求。 所有的 jQuery AJAX 方法都使用 ajax() 方法。该方法通常用于其他方法不能完成的请求。 语法 $.ajax({name:value, name:value, ... }) 该参数规定 AJAX 请求的一个或多个名称/值对。 下面的表格中列出了可能的名称/值：
jquery.ajaxSetup()函数详解
Cindy
04-03 977
jquery.ajaxSetup() 函数用于设置全局默认设置。jquery1.1新增 该静态函数语法：  jquery.ajaxSetup(settings)  参数(settings)：一个对象，其中的每一个属性表示需要设置更改默认设置的选项，属性值表示更改后的默认值。返回值：jquery.ajaxSetup()函数没有返回值，或者说返回值为underfind；示例：//设置AJAX的全局默认...
jQuery.ajaxSetup()
最新发布
08-21
### 回答1： jQuery.ajaxSetup() 方法用于设置 AJAX 请求的默认参数。这些参数将应用于每个使用 jQuery.ajax() 方法的请求中，除非在请求中覆盖这些参数。通过使用这个方法，可以避免在每个请求中重复设置相同的参数。 例如，可以使用 jQuery.ajaxSetup() 方法设置默认的 contentType 为 "application/json"，这样在每个请求中就不需要再次设置该参数。 语法： ``` jQuery.ajaxSetup(options) ``` 其中，options 参数是一个 JavaScript 对象，包含要设置的默认参数。常用的参数包括： - url：请求的 URL 地址。 - type：请求的 HTTP 方法，例如 "GET"、"POST" 等。 - data：要发送到服务器的数据，可以是字符串或 JavaScript 对象。 - dataType：预期从服务器返回的数据类型，例如 "json"、"xml" 等。 - beforeSend：在发送请求之前调用的函数。 - success：当请求成功时调用的函数。 - error：当请求出错时调用的函数。 例如，以下代码设置默认的 contentType 为 "application/json"： ``` $.ajaxSetup({ contentType: "application/json" }); ``` 这样，在每个请求中就不需要再次设置 contentType 参数了，例如： ``` $.ajax({ url: "example.com/api", type: "POST", data: JSON.stringify({name: "John", age: 30}), success: function(response) { console.log(response); } }); ``` ### 回答2： jQuery.ajaxSetup() 是 jQuery 的一个函数，用于设置全局的 AJAX 请求的默认选项。 使用 jQuery.ajaxSetup() 可以方便地设置 AJAX 请求的全局默认选项，这样在发起 AJAX 请求时就不必每次都手动设置相同的选项。可以将一些常用的选项设置为默认值，比如请求类型、数据类型、超时时间等，提高开发效率。 使用方法很简单，只需在页面加载时调用 jQuery.ajaxSetup()，并传入一个对象作为参数，该对象包含需要设置的 AJAX 选项即可。例如： ```javascript $(document).ready(function() { $.ajaxSetup({ type: 'POST', dataType: 'json', timeout: 5000 }); }); ``` 上述代码设置了全局的 AJAX 请求默认选项，请求类型为 POST，数据类型为 JSON，超时时间为 5 秒。之后的所有 AJAX 请求都会自动应用这些默认选项。 需要注意的是，调用 jQuery.ajaxSetup() 后设置的默认选项会一直有效，直到页面重新加载或显式调用 $.ajaxSetup(null) 清除设置。 总之，jQuery.ajaxSetup() 是一个非常便捷的函数，可以简化 AJAX 请求的设置过程，提高代码的可读性和开发效率。 ### 回答3： jQuery.ajaxSetup()是一个全局函数，用于设置默认的Ajax请求参数。 通过调用该函数，可以在所有的Ajax请求中共享一些默认的参数，避免在每次Ajax请求中都重复设置相同的参数。 例如，可以通过jQuery.ajaxSetup()来设置默认的请求方式、请求地址和回调函数等参数，使得每次发送Ajax请求时都会自动带上这些默认参数。 具体使用方法如下： 1. 在页面加载完成后，先调用jQuery.ajaxSetup()函数设置默认参数。例如： jQuery.ajaxSetup({ type: "POST", // 设置默认的请求方式为POST url: "/api", // 设置默认的请求地址为/api success: function(data) { // 设置默认的成功回调函数 console.log("Ajax request success:", data); }, error: function(xhr, textStatus, errorThrown) { // 设置默认的错误回调函数 console.log("Ajax request error:", xhr, textStatus, errorThrown); } }); 2. 在需要发送Ajax请求的地方，直接调用jQuery.ajax()函数即可，无需再设置默认参数。例如： jQuery.ajax({ data: { name: "John", age: 30 }, // 设置请求数据 success: function(data) { // 自动带上默认参数发送Ajax请求，并在成功时执行默认的成功回调函数 console.log("Ajax request success:", data); } }); 通过设置默认的Ajax请求参数，可以提高代码的可读性和重用性，减少重复代码的编写量，并且方便统一管理和修改默认参数。 同时，也可以根据实际需要在具体的Ajax请求中覆盖或添加新的参数，以满足不同的请求需求。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值