ajax的初始化方法$.ajaxSetup();

最新推荐文章于 2025-03-21 11:01:13 发布

Gavin__Xie

最新推荐文章于 2025-03-21 11:01:13 发布

阅读量2.3k

点赞数

分类专栏： javaScript 前端jQuery 文章标签： ajax ajaxSetup

本文链接：https://blog.youkuaiyun.com/xiejinwen/article/details/70261087

版权

前端jQuery 同时被 2 个专栏收录

10 篇文章

订阅专栏

javaScript

6 篇文章

订阅专栏

本文介绍如何利用jQuery的$.ajaxSetup()方法简化多次AJAX请求的设置过程，并通过一个示例展示了如何通过按钮点击触发异步数据获取。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>ajax表单序列化</title>
	<script type="text/javascript" src="jQuery.js"></script>
	<script type="text/javascript">
	$(function(){
			
		//有时，我们可能会在同一个程序中多次调用$.ajax()方法。而它们很多参数都相同，
		//这 个时候我们课时使用 jQuery 提供的$.ajaxSetup()请求默认值来初始化参数。 

		$('input').on('click',function(){
			$.ajaxSetup({
				type: 'POST',
				url: 'jinwen.php',
				data: {
					user: 'jinwen'
				}
			});

			$.ajax({
				success: function( response, status, xhr ){
					$('body').html(response);
				}
			});
	
		});

	});


	</script>
</head>
<body>
	<input type="button" value="异步获取数据"/>
</body>
</html>