jquery实现无刷新显示页面内容

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery实现无刷新显示页面内容相关的知识,希望对你有一定的参考价值。

一个页面分左右两部分,左边是导航板块,右边是显示模块,我想实现的是点击左边的导航按钮在右边就能添加一个tab页面显示,点击多个后,各个tab排到一列,这个用jquery能实现吗???
具体怎么实现的?

原则上你可以用iframe+jquery来实现.不过代码比较多.如果想比较省事,可以用jquery的列表插件和树插件来实现 参考技术A 跟标题无关~~

可以实现 查看jQuery的插件吧
参考技术B 可以配合jquery的tab插件来实现。 参考技术C 可以实现。

jquery如何实现form提交无刷新返回一个页面

参考技术A jquery有个ajax方法是实现异步的(就是你所说的无刷新),然后你绑定表单的onsubmit事件,异步访问你要提交的页面,return false(这样本页面就不会提交了),可以实现你所说的form提交无刷新,代码如下
$(document).ready(function()
//使用jQuery异步提交表单
$('#表单ID').submit(function()
jQuery.ajax(
url: '要提交的页面',
data: $('#表单ID').serialize(),
type: "POST",
beforeSend: function()

//在异步提交前要做的操作
,
success: function()

//在异步提交成功后要做的操作

);
return false;
);
);
参考技术B 用ajax啊,jquery有这个功能。

http://blog.sina.com.cn/s/blog_696c8e1801014erk.html

这个里面有例子,你看看。
参考技术C 使用Ajax来提交数据.
具体使用请搜索一下jQuery的Ajax调用

以上是关于jquery实现无刷新显示页面内容的主要内容,如果未能解决你的问题,请参考以下文章

jquery如何实现form提交无刷新返回一个页面

JQUERY关于无刷新页面

JQuery实现无刷新下拉加载图片

基于jQuery的ajax系列之用FormData实现页面无刷新上传

怎样用jquery实现新闻无闪动刷新,用js中工具箱2到3个控件,搜索文本框自动文本框自动填充完成

jQuery实现form表单基于ajax无刷新提交方法详解