jQuery中ajax请求的六种方法（三、六）：load()方法

最新推荐文章于 2024-09-11 02:20:32 发布

五彩世界

最新推荐文章于 2024-09-11 02:20:32 发布

阅读量969

点赞数

分类专栏：前台

本文链接：https://blog.csdn.net/qq_36791569/article/details/81067939

版权

前台专栏收录该内容

25 篇文章 0 订阅

订阅专栏

6.load()方法

load的html页面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>jQuery中的ajax基础方法</title>
	</head>
	<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
	<script type="text/javascript">
		/*
		load(url, [data], [callback])载入远程HTML文件
		并插入至DOM中。默认使用GET方式 - 传递附加参数自动
		转化为POST方式。
		
		注意load方法不再是$.load了，而是需要通过一个DOM
		对象来调用load方法。
		*/
		$(document).ready(function() {
			$("#btn").click(function() {
				$("#div").load("03_ajax_06_load_need_content.jsp", 
						{"param":"hello"}, function() {
							alert("已加载完成！");
						});
			});
		});
	</script>
  <body>
    <div style="width:100%;text-align: center;margin-top: 30px;">
    	<div id="div">div原有内容。</div>
    	<input type="button" value="加载load_content.jsp文件内容" id="btn">
    </div>
  </body>
</html>

被引入的jsp页面：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

String str = request.getParameter("param");
%>
<!DOCTYPE html>
<html>
	<head>
		<base href="<%=basePath%>">
		<title>jQuery need to load</title>
	</head>
	
  <body>
    <div>
    	新加载的内容：传递过来的参数值为：<%=str %>
    </div>
  </body>
</html>