jQuery load用法技巧整理 IT元素_H5之家 - 中国HTML5教程资源分享第一站

« Z-Blog的HighLight换行非要到uub编辑模式？

ajax数据库中文乱码 »

jQuery load用法技巧整理 29 七月 2009 - by Hector

一、用法

jquery的load函数是请求另一个文件并加载到当前DOM里的调用，load方法的完整格式是：load( url, [data], [callback] )(注意没有参数是GET方式请求，有参数则是 POST方法)。

1、加载一个php文件，该php文件不含传递参数

$("#myID").load("test.php");
2、加载一个php文件，该php文件含有一个传递参数

$("#myID").load("test.php",{"name" : "Adam"});

3. 加载一个php文件，该php文件含有多个传递参数。注：参数间用逗号分隔

$("#myID").load("test.php",{"name" : "Adam" ，"site":.com});
//导入的php文件含有一个传递参数，类似于：test.php？name=Adam&site=www.ourys.com

4. 加载一个php文件，该php文件以数组作为传递参数

$("#myID").load("test.php",{‘myinfo[]‘, ["Adam", });
//导入的php文件含有一个数组传递参数。

5、使用callback

比如我们要在load方法得到服务器响应后，慢慢地显示加载的内容，就可以使用callback函数。代码如下：

$("#go").click(function(){
$("#myID").load("welcome.php", {"lname" : "Cai", "fname" : "Adam", function(){
$("#myID").fadeIn(‘slow’);}
);
});

二、防止jQuery Load使用缓存

说明：缓存在一定程度上加快了页面的装载，但是也常常给我们带来麻烦。比如你可能加载了某个文件的内容，当这个文件内容改变时，主页并不能及时改变。

方法1

改文件名，废话，但是却很有效。

方法2

防止ajax使用缓存

把下面的语句加在$(document).ready(function()里面

$.ajaxSetup ({

cache: false //关闭AJAX相应的缓存

});

方法3

在加载文件中加载申明

如果是php，则加入

<?php header("Cache-Control: no-cache, must-revalidate"); ?>

Tags: jQuery
In: |

一条评论

jQuery load 能否导入整个网页的内容，包括动态的和静态，也就是用，用浏览器看得见的，都导入进来呢，或者说，看到它们全部源代码

abs1285 on