`
yeyuan
  • 浏览: 227532 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

JQuery load()函数

阅读更多
通常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函数异步分页,速度快,效率高,不需要一次性加载绑定查询数据,根据页码和数据数量分段获取。

    jQuery的load()方法及其回调函数用法实例

    本文实例讲述了jQuery的load()方法及其回调函数用法。分享给大家供大家参考。具体如下: 下面的js代码演示了jQuery的load()方法的使用,并演示了带回调函数(callback)的load方法的使用 &lt;!DOCTYPE html&gt; &lt;...

    前端项目-jquery-lazyload-any.zip

    前端项目-jquery-lazyload-any,jquery插件为图像、iframe或任何东西提供了lazyload函数。

    jsp+servlet简单分页实现

    通过JavaScript函数调用jQuery load函数来实现分页。load函数中将起始页数发送至servlet,servlet通过DataService从数据库中获取数据。但是每次点击都会请求数据库。

    利用JQuery的load函数动态加载其它页面的内容的实现代码

    JQuery – Load&lt;/title&gt; &lt;link rel=”stylesheet” media=”all” type=”text/css” href=”../CSS/myStyle.css” /&gt; &lt;script type=”text/javascript” src=”http://demo.jb51.net/jslib/jq

    jQuery – AJAX load() 方法

    jQuery – AJAX load() 方法 jQuery load() 方法 ...可选的 callback 参数是 load() 方法完成后所执行的函数名称。 这是示例文件(”demo_test.txt”)的内容: jQuery AJAX 是个非常棒的功能!

    jQuery load方法用法集锦

    是指调用load方法并得到服务器响应后,再执行的另外一个函数。 一:如何使用data 1.加载一个php文件,该php文件不含传递参数 $(“#myID”).load(“test.php”); //在id为#myID的元素里导入test.php运行后的结果 2. ...

    详解jQuery中ajax.load()方法

    jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法。 load() 方法从服务器加载数据,并把返回的数据放入被选元素中。 语法: $(selector).load(URL,data,callback); load()函数用于从服务器加载数据,...

    防止jQuery ajax Load使用缓存的方法小结

    一、用法 jquery的load函数是请求另一个文件并加载到当前DOM里的调用,load方法的完整格式是:load( url, [data], [callback] )(注意没有参数是GET方式请求,有参数则是 POST方法)。 * url:是指要导入文件的地址。...

    jQuery – AJAX load() 实例用法详解

    可选的 callback 参数是 load() 方法完成后所执行的函数名称。 这是示例文件(”demo_test.txt”)的内容: &lt;h2&gt;jQuery AJAX 是个非常棒的功能!&lt;/h2&gt; ”p1″&gt;这是段落的一些文本。 下面的例子会把文件

    简单实现JSP分页显示效果

    本文实例为大家分享了JSP分页显示效果的具体代码,供大家参考,具体内容如下 1、mysql的limit关键字 (DAO) select * from tablename limit ...2、jQuery load函数 (页面JS) MySQL的limit关键字可以完成抽取一

    JSP分页显示的实例代码

    1、mysql的limit关键字 (DAO) select * from tablename limit ...2、jQuery load函数 (页面JS) MySQL的limit关键字可以完成抽取一定范围(n,n+m]的记录,也就是说需要两个参数来决定某一页显示的内容,即“第

    jQuery Ajax之load()方法

    load()方法是jQuery中最为简单和常用的Ajax方法,能载入远程HTML代码并插入到DOM中。它的语法结构为:  load( url [, data][, callback] )  load()方法参数解释见下表: 参数名称 类 型 说 明 url String ...

    关于JQuery($.load)事件的用法和分析

    首先我们需要清楚的是jquery load方法是对jQuery.ajax()进行封装以方便我们使用的一个方法,当我们需要处理较为复杂的逻辑时候,还是需要用到jQuery.ajax()这个比较全面的方法的。 调用load方法的完整语法格式:...

    loadFile:loadFile是个简易的Jquery插件,用于异步加载javascript、css文件,可以单文件、多文件一起加载,也可以设置加载完成回调和加载失败回调函数

    loadFile是个简易的Jquery插件,用于异步加载javascript、css文件,可以单文件、多文件一起加载,也可以设置加载完成回调和加载失败回调函数。 使用例子: 1、单文件加载 $.loadFile&#40;'js/test1.js',function(&#...

    jquery中load方法的用法及注意事项说明

    是指调用load方法并得到服务器响应后,再执行的另外一个函数。 一:如何使用data 1.加载一个php文件,该php文件不含传递参数 $(“#myID”).load(“test.php”); //在id为#myID的元素里导入test.php运行后的结果 2....

    jquery中ready()函数执行的时机和window的load事件比较

    jquery的ready()实现的是 DOMContentLoaded 事件,DOMContentLoaded与window load事件的区别 简单的说ready()是在文档加载完成就会触发,此时图片等资源可能还没有完全加载, load是在所有资源都加载完成后才会触发 看...

    jquery load事件(callback/data)使用方法及注意事项

    所以不要在$(document).ready()里绑定load事件,因为jQuery会在所有DOM加载完成后再绑定load事件。因此,使用load方法时尽量把load方法写在页面顶部。调用load方法的完整格式是:load( url, [data], [callback] ), ...

Global site tag (gtag.js) - Google Analytics