如何利用jQuery局部刷新页面中的div元素
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何利用jQuery局部刷新页面中的div元素相关的知识，希望对你有一定的参考价值。
我要做的网页，左边是树状的主题list，希望点击list中的不同文章，右边就能显示出此文章，而左边不变，即是只刷新右边的div区域。如何利用Ajax同jQuery实现？
如果是简单地利用html()方法，那是否传递的参数是那部分div需要的部分HTML代码（不能独立运行的页面文件）的url？即是没有doc type没有head没有body标签的。
第一步，使用jquery的ajax技术，将数据读入。相关的函数有$.ajax(), $.get(), $.post()$.load() 等函数。使用方法请百度一下，教程非常多。
第二步，将读入的数据使用jquer的选择器比如$("#divid").html("这里放入数据")，也可以用$.text()，具体区别请参考$.html()和$.text()的使用方法。
另外，jquer还支持读取json数据和script数据，可以将读取的数据直接使用或者执行。具体根据你的需要改变。 参考技术A 给你个例子：
<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页面。
本回答被提问者采纳 参考技术B $("#divid").html("要刷新的内容"); 参考技术C 分两步： 第一步，使用jquery的ajax技术，将数据读入。相关的函数有$.ajax(), $.get(), $.post()$.load() 等函数。iframe 和ajax局部刷新的区别
iframe局部刷新 和ajax局部刷新都有啥区别，既然iframe能实局部刷新，为什么还要用ajax
参考技术A iframe是一个内联框架，你可以理解为在原有的HTML内多出的一个独立的框架，从刷新这个框架能做到类似“局部刷新”的效果。而AJAX是一种局部刷新的技术，它本身而言可以针对这个页面所有的元素，而不像iframe那样，只能局部刷新其“圈起来”的部分。
从性能上来说，如果一个页面比较大，对局部刷新比较多的情况下，比如有太多地方都可能需要独立刷新，如果你用N个iframe的话，对系统的性能消耗就比较明显了，直接的结果就是页面加载起来会慢。追问
恩恩，谢谢，还有一个问题，php怎么设置cookie的保存路径，全站都能用
追答额，我没做过PHP，一般都是JSP，要回答PHP的话，还要1到2天去看文档。。。
本回答被提问者采纳以上是关于如何利用jQuery局部刷新页面中的div元素的主要内容，如果未能解决你的问题，请参考以下文章