$.ajaxSetup()方法全局设置Ajax

最新推荐文章于 2023-06-09 09:21:40 发布
最新推荐文章于 2023-06-09 09:21:40 发布
阅读量2.2k 收藏
点赞数
分类专栏： jquery 文章标签： ajax

用.ajax()方法请求前，使用.ajaxSetup()方法进行一些参数项的全局性设置

<!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()方法全局设置Ajax
		</title>
		<script type="text/javascript" src="Jscript/jquery-1.4.2-vsdoc.js">
		</script>
		<script type="text/javascript" src="Jscript/jquery-1.4.2.js">
		</script>
		<style type="text/css">
			body{font-size:13px} .divFrame{width:225px;border:solid 1px #666} .divFrame
			.divTitle{padding:5px;background-color:#eee;height:30px} .divFrame .divTitle
			span{float:left;padding:2px;padding-top:5px} .divFrame .divContent{padding:8px}
			.divFrame .divContent .clsShow{font-size:14px} .txt{border:#666 1px solid;padding:2px;width:150px;margin-right:3px}
			.btn {border:#666 1px solid;padding:2px;width:65px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,
			EndColorStr=#ECE9D8);}
		</style>
		<script type="text/javascript">
			$(function() {
				$.ajaxSetup({ //设置全局性的Ajax选项 type: "GET", url: "UserInfo.xml", dataType: "xml" }) $("#Button1").click(function() { //"姓名”按钮的单击事件 $.ajax({ success: function(data) { //传回请求响应的数据 ShowData(data, "姓名", "name"); //显示"姓名"部分 } }) }) $("#Button2").click(function() { //"性别”按钮的单击事件 $.ajax({ success: function(data) { //传回请求响应的数据 ShowData(data, "性别", "sex"); //显示"性别"部分 } }) }) $("#Button3").click(function() { //"邮箱”按钮的单击事件 $.ajax({ success: function(data) { //传回请求响应的数据 ShowData(data, "邮箱", "email"); //显示"邮箱"部分 } }) }) /* *根据名称与值，获取请求响应数据中的某部分 *@Param d为请求响应后的数据 *@Param n为数据中文说明字符 *@Param d为数据在响应数据中的元素名称 */ function ShowData(d, n, v) { $("#divTip").empty(); //先清空标记中的内容 var strHTML = ""; //初始化保存内容变量 $(d).find("User").each(function() { //遍历获取的数据 var $strUser = $(this); strHTML += n + "：" + $strUser.find(v).text() + "<hr>"; }) $("#divTip").html(strHTML); //显示处理后的数据 } }) 
					
		</script>
	</head>
	<body>
		<div class="divFrame">
			<div class="divTitle">
				<span>
					<input id="Button1" type="button" value="姓名" class="btn" />
				</span>
				<span>
					<input id="Button2" type="button" value="性别" class="btn" />
				</span>
				<span>
					<input id="Button3" type="button" value="邮箱" class="btn" />
				</span>
			</div>
			<div class="divContent">
				<div id="divTip" class="clsShow">
				</div>
			</div>
		</div>
	</body>

</html>

 

 

DQchat
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
$.ajax()方法参数详解
12-10
此设置会覆盖全局的$.ajaxSetup()方法中的超时设定。 4. **async**: 这是Boolean类型的参数，其默认值为true，意味着所有请求都是异步的。如果将其设为false，请求将会变为同步，这会导致浏览器在请求完成之前锁定...
$.ajax()方法详解
qq_32354337的博客
01-14 317
1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。 3.timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设置
JavaScript 学习-48.$.ajaxSetup方法设置AJAX的全局默认设置
qq_27371025的博客
10-09 3148
$.ajaxSetup方法用于设置AJAX的全局默认设置。之后执行的所有AJAX请求，如果对应的选项参数没有设置，将使用更改后的默认设置。 这方便我们设置error 统一返回样式。
ajax默认设置缓存,ajaxSetup设置Ajax请求的默认值
weixin_39568232的博客
08-05 315
ajaxSetup() 方法为将来的 AJAX 请求设置默认值。语法$.ajaxSetup({name:value, name:value, ... })该参数为带有一个或多个名称/值对的 AJAX 请求规定设置。下面的表格中列出了可能的名称/值：名称值/描述async布尔值，表示请求是否异步处理。默认是 true。beforeSend(xhr)发送请求前运行的函数。cache布尔值，表示浏览器是...
[JQ权威指南]$.ajaxSetup()方法全局设置Ajax
德仔
07-19 8235
(1)功能描述:设置三个按钮，分别通过.ajax()方法请求一个XML文档中的某部分数据并将回调的数据展示在页面中。在请求前，使用.ajax()方法请求一个XML文档中的某部分数据并将回调的数据展示在页面中。在请求前，使用.ajaxSetup()方法进行一些参数项的全局性设置。HTML：
ajaxSetup是干什么的？底层原理是什么？
长风破浪会有时的博客
06-09 554
您可以设置诸如请求的URL、请求类型、数据类型、超时时间和其他选项的默认值。这样，您就不必在每个Ajax请求中重复设置这些选项，而是可以在整个应用程序中统一配置它们。在执行实际的Ajax请求时，只需要指定特定于该请求的数据即可，而无需显式设置URL、类型、数据类型和超时时间等选项。是jQuery中的一个方法，用于设置全局的Ajax请求选项。设置的是全局选项，因此它将影响到整个应用程序中的所有Ajax请求。当发起Ajax请求时，jQuery会使用这个全局配置对象作为默认选项，以便为请求应用设置的值。
jQuery Ajax之$.get()方法和$.post()方法
12-07
为了提高性能，可以使用$.ajaxSetup()来设置全局的Ajax选项，或者使用$.getJSON()（$.get()的JSON版本）和$.getScript()（加载并执行远程JavaScript）等简化的API。 总的来说，$.get()和$.post()是jQuery中实现...
Jquery中$.ajax()方法参数详解
12-07
俗说好记性不如个烂笔头，下面是jquery中的ajax方法参数详解，这里...此设置将覆盖$.ajaxSetup()方法的全局设置。 4.async: 要求为Boolean类型的参数，默认设置为true，所有请求均为异步请求。如果需要发送同步请求，
深入剖析$.ajax()方法
12-11
它会覆盖$.ajaxSetup()方法的全局设置。 4. `async`：可选参数，类型为布尔值，默认为true，表示请求为异步。如果设置为false，则请求变为同步，这会导致浏览器在请求完成之前被锁定，用户无法进行其他操作。 5. `...
Ajax全局加载框(Loading效果)的配置
10-21
Ajax全局加载框的实现主要基于jQuery的`ajaxSetup`方法，这是一个全局配置Ajax请求的函数。通过设置`beforeSend`、`complete`和`error`回调函数，我们可以控制在Ajax请求的各个阶段执行特定的操作。 1. **...
$.ajaxSetup()设置全局Ajax(ajax在jQuery中的运用学习第十一天)
weixin_42306620的博客
07-01 1662
        在使用$.ajax()方法时，有时需要调用多个$.ajax()方法，如果每个方法都设置其中的请求细节，将是一件十分麻烦的事。为了简化这种工作，在jQuery中，可以使用$.ajaxSetup()方法设置全局性的ajax默认选项，一次设置，全局有效，这样大大简化了$.ajax()方法中细节的编写，该方法的调用格式为：        $.ajaxSetup([options])    ...
ajax设置默认值ajaxSetup()方法
weixin_30449239的博客
01-22 133
1 $(function(){ 2 //设置全局 jQuery Ajax全局参数 3 $.ajaxSetup({ 4 type:"POST", 5 async:false, 6 cache:false, 7 dataType:"JSON", 8 error:f...
$.ajaxSetup()设置全局ajax参数
eastbird的博客
11-20 1万+
文件1：AjaxSetup.html $.ajaxSetup()设置全局ajax参数 body {height:100px;font-size:16px;color:#048bcc;margin:5%;} .divFrame {width:260px;border:sol
AJAX请求 $.ajaxSetup方法的使用
热门推荐
pursuer211的专栏
04-08 2万+
jQuery.ajaxSetup()函数用于设置AJAX的全局默认设置。 该函数用于更改jQuery中AJAX请求的默认设置选项。之后执行的所有AJAX请求，如果对应的选项参数没有设置，将使用更改后的默认设置。 该函数属于全局jQuery对象。 语法 jQuery 1.1 新增该静态函数。 jQuery.ajaxSetup( settings ) 参数 参数 描述
使用ajaxSetup()为ajax请求瘦身
Lewis_1993的博客
09-02 2167
当页面有很多ajax请求，且这些请求的参数比如url、type、dataType都一样，你会在每个请求里把这些参数都写一遍还是另辟蹊径？其实ajax有一个ajaxSetup方法，它就是用来设置全局ajax默认选项的。有了它，再也不用在每个ajax请求中把相同的参数都写一遍了。coding time$.ajaxSetup({ url: '/api/', type: 'post',
035_jQuery Ajax的ajaxSetup方法
aihiao的专栏
01-09 841
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": "请求
$.ajaxsetup 与 $.ajaxprefilter的区别
最新发布
05-18
$.ajaxSetup 和 $.ajaxPrefilter 都是 jQuery 中用于设置全局 AJAX 默认值和拦截 AJAX 请求的方法，它们的区别如下： $.ajaxSetup 方法可以设置全局 AJAX 默认选项，这些选项将影响每个 AJAX 请求。比如，你可以通过 $.ajaxSetup 方法设置默认的 URL 和 type，这样在每个 AJAX 请求中就不需要再次设置这些参数了。 $.ajaxPrefilter 方法则用于拦截 AJAX 请求，你可以在发送请求前或者请求后对 AJAX 请求进行一些处理。比如，你可以在发送请求前对请求数据进行加密，或者在请求返回后对返回数据进行解密。 举个例子，如果你想要给每个 AJAX 请求添加一个 token 参数，可以使用 $.ajaxPrefilter 方法来拦截请求，并在请求前添加该参数： ``` $.ajaxPrefilter(function(options, originalOptions, jqXHR) { options.data = $.extend({}, options.data, { token: 'your-token' }); }); ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值