如何利用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标签的。 展开
展开全部
分两步:
第一步,使用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() 等函数。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询