Heim >Web-Frontend >js-Tutorial >jquery刷新页面的实现代码(局部及全页面刷新)_jquery

jquery刷新页面的实现代码(局部及全页面刷新)_jquery

WBOY
WBOYOriginal
2016-05-16 18:04:581789Durchsuche

局部刷新:

这个方法就多了去了,常见的有以下几种;

$.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()刷新最顶端对象(用于多开窗口)
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn