jquery刷新页面的实现代码（局部及全页面刷新）
更新时间：2011年07月11日 00:05:40 作者：
jquery刷新页面的实现代码（局部及全页面刷新） ，需要的朋友可以参考下。
局部刷新：
这个方法就多了去了，常见的有以下几种；
$.get方法，$.post方法，$.getJson方法,$.ajax方法如下
前两种使用方法基本上一样
$.get(”Default.php”, {id:”1″, page: “2″ },
function(data){
//这里是回调方法。返回data数据。这里想怎么处理就怎么处理了。
});
$.getScript方法：
$.getScript(”http://jqueryajax.com/jquery.js”,
function(){
$(”#go”).click(function(){//回调方法
$(”.block”).animate( { backgroundColor: ‘pink' }, 1000)
.animate( { backgroundColor: ‘blue' }, 1000);
});
});
$.getJson只是返回的数据类型不一样
$.getJson(”Default.php”, {id:”1″, page: “2″ },
function(data){
//注意，这里返回的JSON数据引用方法为”data.info”,不明白的可以查一下json方面的教程。这里就不解释太多了
});
$.ajax 这个方法估计用的人很多吧。不过我不太喜欢用这个。个人觉得前面两个更方便
$.ajax({
type: “POST”, //提交的类型
url: “some.php”,//提交地址
data: “name=John&location=Boston”,//参数
success: function(msg){ //回调方法
alert( “Data Saved: ” + msg );//这里是方法内容，和上面的get方法一样
}
});
下面介绍全页面刷新方法：有时候可能会用到
window.location.reload()刷新当前页面.
parent.location.reload()刷新父亲对象（用于框架）
opener.location.reload()刷新父窗口对象（用于单开窗口）
top.location.reload()刷新最顶端对象（用于多开窗口）
这个方法就多了去了，常见的有以下几种；
$.get方法，$.post方法，$.getJson方法,$.ajax方法如下
前两种使用方法基本上一样
复制代码 代码如下:
$.get(”Default.php”, {id:”1″, page: “2″ },
function(data){
//这里是回调方法。返回data数据。这里想怎么处理就怎么处理了。
});
$.getScript方法：
复制代码 代码如下:
$.getScript(”http://jqueryajax.com/jquery.js”,
function(){
$(”#go”).click(function(){//回调方法
$(”.block”).animate( { backgroundColor: ‘pink' }, 1000)
.animate( { backgroundColor: ‘blue' }, 1000);
});
});
$.getJson只是返回的数据类型不一样
复制代码 代码如下:
$.getJson(”Default.php”, {id:”1″, page: “2″ },
function(data){
//注意，这里返回的JSON数据引用方法为”data.info”,不明白的可以查一下json方面的教程。这里就不解释太多了
});
$.ajax 这个方法估计用的人很多吧。不过我不太喜欢用这个。个人觉得前面两个更方便
复制代码 代码如下:
$.ajax({
type: “POST”, //提交的类型
url: “some.php”,//提交地址
data: “name=John&location=Boston”,//参数
success: function(msg){ //回调方法
alert( “Data Saved: ” + msg );//这里是方法内容，和上面的get方法一样
}
});
下面介绍全页面刷新方法：有时候可能会用到
window.location.reload()刷新当前页面.
parent.location.reload()刷新父亲对象（用于框架）
opener.location.reload()刷新父窗口对象（用于单开窗口）
top.location.reload()刷新最顶端对象（用于多开窗口）
您可能感兴趣的文章:
- jQuery模拟原生态App上拉刷新下拉加载更多页面及原理
- jquery使用iscorll实现上拉、下拉加载刷新
- JQuery插件iScroll实现下拉刷新，滚动翻页特效
- jQuery+AJAX实现无刷新下拉加载更多
- jquery ajax实现下拉框三级无刷新联动,且保存保持选中值状态
- 用Jquery实现多级下拉框无刷新的联动
- 基于jQuery Ajax实现下拉框无刷新联动
- jQuery 翻页组件yunm.pager.js实现div局部刷新的思路
- 用Jquery.load载入页面实现局部刷新
- jQuery实现AJAX定时刷新局部页面实例
- JQuery+Ajax无刷新分页的实例代码
- jQuery实现的上拉刷新功能组件示例
相关文章
在群里看见有人贴出一个页面问opacity不支持IE6，有什么好的支持方法没。贴出第一眼就发现用了jq库，当场就想到了支持的。 但很多人回答用CSS滤镜，当我看到这个答案的时候。有些很吃惊。难道大家都不知道JQ是支持opacity兼容IE6+的吗？ 开始他们都不相信。JQ怎么配合使用。于是就写了一个简单的代码给他们。2013-03-03
获取时间的方法及常用时间类都是大家经常使用的，在本文为大家整理了一些，个人感觉还比较全，感兴趣的朋友可以收集下2013-10-10
这篇文章主要介绍了jQuery中has()方法用法,实例分析了has()方法的功能、定义及保留包含特定后代的匹配元素的使用技巧,需要的朋友可以参考下2015-01-01
最近对js以及jq产生了浓厚的兴趣，看到jq有很多很好用的插件，功能各异，包括webUI,jqGrid等等。心里萌发了制作属于自己的jq插件的想法。2010-02-02
JQUERY 浏览器判断实现函数，如果只是为了判断浏览器不建议用，如果你已经用了jquery才用啊，要不没必要因为这个小功能，加个那么大的类库吧。2009-08-08
jquery动画旋转效果在项目中经常遇到这样的需求，下面小编给大家分享具体实现代码，感兴趣的朋友一起学习吧2016-05-05
jquery $(this).attr $(this).val方法使用介绍
$(this).attr(key); 获取节点属性名的值，相当于getAttribute(key)方法，本文整理了一些相关的示例，感兴趣的朋友可以参考下2013-10-10
这篇文章主要为大家详细介绍了jquery实现页面弹球效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-01-01
有bug..点到后面的图片后,再返回 ..... 问题出现了...2008-01-01
如果将选中的这条记录的行高亮显示，同时该行的单选按钮也被选中了，这样会提高用户的体验的，于是本文下了个示例，有需要的朋友可以参考下2013-08-08
最新评论