jquery刷新页面的实现代码(局部及全页面刷新) 。
一、局部刷新:
常见的有以下几种;
$.get方法,$.post方法,$.getJson方法,$.ajax方法如下
前两种使用方法基本上一样
$.getScript方法:
$.getJson只是返回的数据类型不一样
$.ajax 这个方法估计用的人很多吧。不过我不太喜欢用这个。个人觉得前面两个更方便
二、全页面刷新方法:
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数据。这里想怎么处理就怎么处理了。
});
function(data){
//这里是回调方法。返回data数据。这里想怎么处理就怎么处理了。
});
代码如下:
$.getScript(”http://jqueryajax.com/jquery.js”,
function(){
$(”#go”).click(function(){//回调方法
$(”.block”).animate( { backgroundColor: ‘pink' }, 1000)
.animate( { backgroundColor: ‘blue' }, 1000);
});
});
function(){
$(”#go”).click(function(){//回调方法
$(”.block”).animate( { backgroundColor: ‘pink' }, 1000)
.animate( { backgroundColor: ‘blue' }, 1000);
});
});
代码如下:
$.getJson(”Default.php”, {id:”1″, page: “2″ },
function(data){
//注意,这里返回的JSON数据引用方法为”data.info”,不明白的可以查一下json方面的教程。这里就不解释太多了
});
function(data){
//注意,这里返回的JSON数据引用方法为”data.info”,不明白的可以查一下json方面的教程。这里就不解释太多了
});
代码如下:
$.ajax({
type: “POST”, //提交的类型
url: “some.php”,//提交地址
data: “name=John&location=Boston”,//参数
success: function(msg){ //回调方法
alert( “Data Saved: ” + msg );//这里是方法内容,和上面的get方法一样
}
});
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()刷新最顶端对象(用于多开窗口)
相关推荐
NULL 博文链接:https://evan0625.iteye.com/blog/617004
JQuery实现动态菜单以及刷新局部页面实例
能够实现页面局部刷新,及时掌握最新消息,例如小型的聊天功能
在项目中,经常会用到ajax,比如实现局部刷新,比如需要前后端交互等,这里呢分享局部刷新的两种方法,主要用的是ajax里面的.load()。感兴趣的朋友一起看看吧
局部刷新我们讲述到最多的是ajax 了,当然也可以不使用ajax来刷新页面了,我们可以使用jquery中的append来给指定内容加东西了,当然最实用的还是ajax加载数据了。 例子,定时局部刷新 定时局部刷新用到jQuery里面的...
NULL 博文链接:https://left-jessica.iteye.com/blog/739878
jQuery实现AJAX定时刷新局部页面和全页面实例 方法一: 方法二: 全页面刷新技巧: jQuery实现AJAX定时刷新局部页面和全页面实例 本篇文章通过两种方法实例讲解ajax定时刷新局部页面,当然方法有很多种,也...
struts2+json+jquery局部刷新实现注册验证,包括前台的用户名、密码、手机、身份证、邮箱(包含发邮件技术)、邮箱验证码、验证码的验证,用到的是json+jquery,后台则是用struts2+java类
下面小编就为大家带来一篇jQuery 局部div刷新和全局刷新方法总结。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jquery .ajax 局部刷新之后 刷新内容无法调用js.
jquery实现的ajax聊天室,局部刷新,并且在右边能显示在线人员,以及发表情等!
JQuery局部刷新http://www.daxueit.com/article/3081.html
20120102 NET+jQuery 实现局部刷新+分页+高亮显示搜索内容 本人收藏了3年的资源 现放出 都是总结了很多系统 软件项目实施过程中的经验的 慢慢积累的
代码时从网上看到的,但是整合这个代码花了我一下午的世界,不错的资源,只是一个简单的实现刷新,struts2+jquery+ajax实现局部刷新的功能,这是一个完整的项目,直接导入到Myeclipse当中就能运行
用jquery.load的方法载入新的页面,以实现局部刷新,可结果发现载入进来的页面与原来单独的页面不一样,样式没了,关于这个问题,下面有个不错的解决方法
3、通过DOM方法或jQuery方法将数据载入页面,事件响应刷新完成。 $('#input_date').keypress(function(e){ if(e.keyCode=='13'){ $.ajax({ type: "POST", url: "inquire_date.php", data: {
这是我从项目中抽取出来的jquery局部刷新的案例,希望对大家有所帮助