首页 > Web开发 > 详细

ajax .load()方法

时间:2015-11-08 14:59:41      阅读:189      评论:0      收藏:0      [点我收藏+]

1.  home.html

<!DOCTYPE html>
<html>
	<head>
		<title>home</title>
		<meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
		<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
		<script>
		$(function(){
			$("#dianji").click(function(){
				// console.log("test");
				// alert("testtst");
				$("#content").load("test.html");
			});
		});
		</script>
	</head>
	<body>
		<p id="dianji">点击获取load内容</p>
		<p class="comment" id="content">这里是内容</p>
	</body>
</html>

  test.html

<div class="comment" id="test">
	<h6>张三:</h6>
	<p class="para">沙发.</p>
</div>
<div class="comment">
	<h6>李四:</h6>
	<p class="para">地板.</p>
</div>
<div class="comment">
	<h6>王五:</h6>
	<p class="para">板凳.</p>
</div>

  

ajax .load()方法

原文:http://www.cnblogs.com/Alexander11/p/4947179.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!