通常load()函数一般用于获取服务器上的静态文件
格式:load(url [,data] [,callback])
参数 | 类型 | 说明 |
URL | String | 请求HTML页面的URL地址 |
data(可选) | object | 发送至服务器的key/value数据 |
callback(可选) | function | 请求完成时的回调函数,无论成功或者失败 |
Ex1:获取网页或者网页中的指定数据
<html>
<head><title>Jquery Demo</title></head>
<body>
<div id="message"></div>
<input type="button" id="btnload" value="Load" />
</body>
</html>
$(function (){
$('#btnload').click(function(){
$('#message').load('aa.html');//这个的意思是载入aa.html文件
$('#message').load('aa.html p')//这个意思是载入aa.html文件中的p段落依次类推,这个p可以是一个class 也可是一个id,这样可以在指定的网页中筛选数据!
});
});
Ex2:传递参数
$(function (){
$('#btnload').click(function(){
$('#message').load('test.php',function(){
//在网上查到的资料,在无参数的情况下是GET方式提交的
});
$('#message').load('test.php',{name:"lxx"},function(){
//而有参数的情况下是POST的提交的,我测试了下,确实是这样,
//这个传递类似于test.php?name=lxx 但是是post的方式的
});
});
});
Ex3:回调参数
$(function (){
$('#btnload').click(function(){
$('#message').load('test.php',function(responseText,textStatus,XMLHttpRequest){
//这个在网上没有找到相关的demo,也不知道该杂用,暂时搁置
});
});
});
最后,在网上查到了一些说这个load函数有一个不好的地方是会生成缓存,这样当你的载入的文件有改动时,它不会即时的去显示
不过有三种方法:
1.如果是html文件的话
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
如果是php文件,则加入
<?php header("Cache-Control: no-cache, must-revalidate"); ?>
2.
$.ajaxSetup ({
cache: false //关闭AJAX相应的缓存
});
3.改文件名,改成其它的文件名,这样会重新的去读!
分享到:
相关推荐
使用JQuery load函数异步分页,速度快,效率高,不需要一次性加载绑定查询数据,根据页码和数据数量分段获取。
本文实例讲述了jQuery的load()方法及其回调函数用法。分享给大家供大家参考。具体如下: 下面的js代码演示了jQuery的load()方法的使用,并演示了带回调函数(callback)的load方法的使用 <!DOCTYPE html> <...
前端项目-jquery-lazyload-any,jquery插件为图像、iframe或任何东西提供了lazyload函数。
通过JavaScript函数调用jQuery load函数来实现分页。load函数中将起始页数发送至servlet,servlet通过DataService从数据库中获取数据。但是每次点击都会请求数据库。
JQuery – Load</title> <link rel=”stylesheet” media=”all” type=”text/css” href=”../CSS/myStyle.css” /> <script type=”text/javascript” src=”http://demo.jb51.net/jslib/jq
jQuery – AJAX load() 方法 jQuery load() 方法 ...可选的 callback 参数是 load() 方法完成后所执行的函数名称。 这是示例文件(”demo_test.txt”)的内容: jQuery AJAX 是个非常棒的功能!
是指调用load方法并得到服务器响应后,再执行的另外一个函数。 一:如何使用data 1.加载一个php文件,该php文件不含传递参数 $(“#myID”).load(“test.php”); //在id为#myID的元素里导入test.php运行后的结果 2. ...
jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法。 load() 方法从服务器加载数据,并把返回的数据放入被选元素中。 语法: $(selector).load(URL,data,callback); load()函数用于从服务器加载数据,...
一、用法 jquery的load函数是请求另一个文件并加载到当前DOM里的调用,load方法的完整格式是:load( url, [data], [callback] )(注意没有参数是GET方式请求,有参数则是 POST方法)。 * url:是指要导入文件的地址。...
可选的 callback 参数是 load() 方法完成后所执行的函数名称。 这是示例文件(”demo_test.txt”)的内容: <h2>jQuery AJAX 是个非常棒的功能!</h2> ”p1″>这是段落的一些文本。 下面的例子会把文件
本文实例为大家分享了JSP分页显示效果的具体代码,供大家参考,具体内容如下 1、mysql的limit关键字 (DAO) select * from tablename limit ...2、jQuery load函数 (页面JS) MySQL的limit关键字可以完成抽取一
1、mysql的limit关键字 (DAO) select * from tablename limit ...2、jQuery load函数 (页面JS) MySQL的limit关键字可以完成抽取一定范围(n,n+m]的记录,也就是说需要两个参数来决定某一页显示的内容,即“第
load()方法是jQuery中最为简单和常用的Ajax方法,能载入远程HTML代码并插入到DOM中。它的语法结构为: load( url [, data][, callback] ) load()方法参数解释见下表: 参数名称 类 型 说 明 url String ...
首先我们需要清楚的是jquery load方法是对jQuery.ajax()进行封装以方便我们使用的一个方法,当我们需要处理较为复杂的逻辑时候,还是需要用到jQuery.ajax()这个比较全面的方法的。 调用load方法的完整语法格式:...
loadFile是个简易的Jquery插件,用于异步加载javascript、css文件,可以单文件、多文件一起加载,也可以设置加载完成回调和加载失败回调函数。 使用例子: 1、单文件加载 $.loadFile('js/test1.js',function(&#...
是指调用load方法并得到服务器响应后,再执行的另外一个函数。 一:如何使用data 1.加载一个php文件,该php文件不含传递参数 $(“#myID”).load(“test.php”); //在id为#myID的元素里导入test.php运行后的结果 2....
jquery的ready()实现的是 DOMContentLoaded 事件,DOMContentLoaded与window load事件的区别 简单的说ready()是在文档加载完成就会触发,此时图片等资源可能还没有完全加载, load是在所有资源都加载完成后才会触发 看...
所以不要在$(document).ready()里绑定load事件,因为jQuery会在所有DOM加载完成后再绑定load事件。因此,使用load方法时尽量把load方法写在页面顶部。调用load方法的完整格式是:load( url, [data], [callback] ), ...