JQUERY的load方法

最新推荐文章于 2025-10-17 15:07:19 发布

原创最新推荐文章于 2025-10-17 15:07:19 发布 · 229 阅读

0 ·

CC 4.0 BY-SA版权

jQuery 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了JQUERY中load方法的使用方式，包括其参数设置、请求类型及回调函数的应用等，并通过一个具体实例展示了如何利用load方法进行异步加载。

<!DOCTYPE html>
<html>
 <head>
  <title> JQUERY的load方法</title>
  <meta charset="utf-8"/>
  <link href=".css" type="text/css" rel="stylesheet"/>
  <script src="jquery-1.11.3.js"></script>
 </head>
 <body>
	<input type="button" id="btn" value="load">
	<script>
		$("#btn").click(function(){
			/*
				$().load(url,data,callback)
				*url - 请求地址
				*data - 可选，请求数据
					*格式 - { key : value }
					*类型 - object类型
				*callback - 可选，异步请求成功后的回调函数

				*默认情况下，GET方式的请求类型
					*在没有向服务器端发送请求数据时
				*向服务器端发送请求数据时，请求类型改为POST	

			问题
			*load()方法的请求类型不能自定义
				*由是否发送请求数据决定的
			*默认只能使用文本格式
			*/
			var data={
				name : 'zhangwuji',
				age:18
			}
			$("#btn").load("01.php",data,function(data){
				console.log("请求成功啦...");
			});
		});
	</script>
 </body>
</html>