如何利用jQuery局部刷新页面中的div元素
我要做的网页，左边是树状的主题list，希望点击list中的不同文章，右边就能显示出此文章，而左边不变，即是只刷新右边的div区域。如何利用Ajax同jQuery实现？如...
我要做的网页，左边是树状的主题list，希望点击list中的不同文章，右边就能显示出此文章，而左边不变，即是只刷新右边的div区域。如何利用Ajax同jQuery实现？
如果是简单地利用html()方法，那是否传递的参数是那部分div需要的部分HTML代码（不能独立运行的页面文件）的url？即是没有doc type没有head没有body标签的。 展开
如果是简单地利用html()方法，那是否传递的参数是那部分div需要的部分HTML代码（不能独立运行的页面文件）的url？即是没有doc type没有head没有body标签的。 展开
4个回答
展开全部
分两步：
第一步，使用jquery的ajax技术，将数据读入。相关的函数有$.ajax(), $.get(), $.post()$.load() 等函数。使用方法请百度一下，教程非常多。
第二步，将读入的数据使用jquer的选择器比如$("#divid").html("这里放入数据")，也可以用$.text()，具体区别请参考$.html()和$.text()的使用方法。
另外，jquer还支持读取json数据和script数据，可以将读取的数据直接使用或者执行。具体根据你的需要改变。
第一步，使用jquery的ajax技术，将数据读入。相关的函数有$.ajax(), $.get(), $.post()$.load() 等函数。使用方法请百度一下，教程非常多。
第二步，将读入的数据使用jquer的选择器比如$("#divid").html("这里放入数据")，也可以用$.text()，具体区别请参考$.html()和$.text()的使用方法。
另外，jquer还支持读取json数据和script数据，可以将读取的数据直接使用或者执行。具体根据你的需要改变。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给你个例子：
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#b01").click(function(){
htmlobj=$.ajax({url:"http://www.w3school.com.cn/jquery/test1.txt",async:false});
$("#myDiv").html(htmlobj.responseText);
});
});
</script>
</head>
<body>
<div id="myDiv"><h2>通过 AJAX 改变文本</h2></div>
<button id="b01" type="button">改变内容</button>
</body>
</html>
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#b01").click(function(){
htmlobj=$.ajax({url:"http://www.w3school.com.cn/jquery/test1.txt",async:false});
$("#myDiv").html(htmlobj.responseText);
});
});
</script>
</head>
<body>
<div id="myDiv"><h2>通过 AJAX 改变文本</h2></div>
<button id="b01" type="button">改变内容</button>
</body>
</html>
追问
我想插入的不只是文本，而是包括标签结构的局部页面，譬如一些section一些div等等。
追答
一样的道理。这里我插入的不能说是文本。我插入的是一个txt文件。你甚至可以插入一整个html文件。或者jsp页面，或者asp.net或者php页面。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$("#divid").html("要刷新的内容");
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
分两步： 第一步，使用jquery的ajax技术，将数据读入。相关的函数有$.ajax(), $.get(), $.post()$.load() 等函数。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
