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()刷新最顶端对象(用于多开窗口)
相关推荐
**jQuery 实现页面局部...本文将深入探讨如何利用jQuery实现页面局部刷新,并提供相应的代码示例。 ### 1. jQuery的基本用法 首先,确保在你的HTML文档中引入了jQuery库,通常通过以下方式引入CDN链接: ```html ...
局部刷新利用了jQuery的.load()方法,它允许我们加载新的HTML内容到指定的元素内,从而实现页面的局部动态更新。而全局刷新则通过不同的window.location属性实现,允许开发者根据不同的应用场景选择合适的刷新方式。...
本文将介绍使用jQuery和ajax来实现页面局部刷新的两种方法。对于jQuery,它是一个快速、小巧、功能丰富的JavaScript库,通过它可以轻松操作DOM,而ajax允许我们实现无需重新加载整个页面就可以更新网页的部分内容。 ...
通过以上步骤,我们可以轻松地使用jQuery和AJAX技术实现页面局部的定时刷新功能。这种方法不仅提高了用户体验,还可以有效减少服务器的压力,因为只需要发送和接收必要的数据,而不是整个页面。此外,开发者还可以...
在这个“Struts2+jQuery实现局部刷新”的主题中,我们将探讨如何利用这两者的优势来实现页面的无刷新更新。 1. **Struts2框架介绍**: Struts2是一个基于MVC设计模式的Java Web框架,它提供了良好的结构和可扩展性...
通过以上步骤,我们可以利用jQuery实现一个动态菜单系统,并且当用户点击菜单项时,能够局部刷新页面内容。这不仅提高了页面的响应速度,也使得用户界面更加友好。在实际项目中,根据需求,还可以进一步优化,例如...
无论是局部刷新还是全页面刷新,jQuery 都提供了强大的支持。 最后,关于 jQuery 刷新页面的相关文章,我们可以查看以下链接: * jQuery 刷新页面 页面跳转 js 常用... * jQuery 刷新页面(局部及全页面刷... * ...
局部刷新我们讲述到最多的是ajax 了,当然也可以不使用ajax来刷新页面了,我们可以使用jquery中的append来给指定内容加东西了,当然最实用的还是ajax加载数据了。 例子,定时局部刷新 定时局部刷新用到jQuery里面的...
【jQuery实现的局部刷新聊天室】是一个利用JavaScript库jQuery构建的实时通信系统,它通过Ajax技术实现了页面的无刷新更新,提供了丰富的用户体验。聊天室功能包括发送消息、接收消息、显示在线用户列表以及表情功能...
这个案例是关于如何在基于AdminLTE和Bootstrap的项目中,利用JavaScript实现页面的局部刷新功能。AdminLTE是一款流行的后台管理界面框架,它基于Bootstrap构建,提供了丰富的组件和预设样式,使得开发者能够快速搭建...
总结来说,jQuery的Ajax功能为局部刷新提供了强大支持,通过简单易用的API,我们可以实现各种动态加载和页面更新效果。在分页场景下,结合事件监听和数据传递,用户可以流畅地在不同页面间切换,而无需等待整个页面...
综合以上信息,这份资源可能是关于使用C#和ASP.NET开发Web应用的实例,其中涵盖了使用jQuery实现Ajax局部刷新、分页和搜索结果高亮的功能,并且附带了完整的源代码。对于想要提升.NET Web开发技能,特别是对jQuery...
`iframe`是一种HTML元素,它可以在一个网页中嵌入另一个网页,使得我们可以在独立的框架内加载和显示内容,从而实现局部刷新的效果。在本案例中,我们将讨论如何利用`iframe`来实现图片的上传和无刷新展示,以及涉及...
jQuery实现AJAX定时刷新局部页面和全页面实例 方法一: 方法二: 全页面刷新技巧: jQuery实现AJAX定时刷新局部页面和全页面实例 本篇文章通过两种方法实例讲解ajax定时刷新局部页面,当然方法有很多种,也...
6. **动画效果**:jQuery的动画功能使得局部刷新更加平滑,例如使用.fadeIn()、.fadeOut()进行淡入淡出效果,或者使用.slideUp()、.slideDown()实现滑动效果。 7. **示例中的实现**:在这个实例中,可能包含一个...
struts2+json+jquery局部刷新实现注册验证,包括前台的用户名、密码、手机、身份证、邮箱(包含发邮件技术)、邮箱验证码、验证码的验证,用到的是json+jquery,后台则是用struts2+java类
综上所述,解决`.ajax`局部刷新后js无法调用的问题,关键在于理解DOM更新、作用域、事件绑定和页面生命周期等概念,并根据实际情况采取相应的调整策略。通过以上方法,我们可以确保JavaScript代码在局部刷新后依然...
JQuery提供的.load()方法就是实现局部刷新的一种简便方式,它允许从服务器获取新的数据并把它们插入到当前页面中的指定元素内。 然而,在使用JQuery的.load()方法进行页面局部加载时,有时会发现新加载的页面内容与...