通常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()`函数实现这种功能。`load()`函数是jQuery提供的一个强大的Ajax方法，主要用于从服务器加载HTML片段并将其插入到DOM中。 首先，我们要理解jQuery的`load()`函数的...
《jQuery API 函数详解》 jQuery，作为一款广泛使用的JavaScript库，极大地简化了网页的DOM操作、事件处理、动画设计以及Ajax交互。本篇将基于提供的"jqueryAPI函数chm文档"，深入探讨jQuery的核心API函数，帮助...
3. 初始化插件：在jQuery的$(document).ready()函数中调用$.fn.lazyload()方法，进行初始化配置。 ```javascript $(function() { $("img.lazy").lazyload(); }); ``` 这里，".lazy"是图片的选择器，可以根据实际...
**jQuery LazyLoad 图片懒加载实例** 在网页设计中，图片加载是影响页面性能的关键因素。当页面包含大量图片时，一次性加载所有图片可能会导致页面加载速度变慢，用户体验下降。为了解决这一问题，我们可以使用`...
**jQuery基础函数详解** jQuery，一个轻量级的JavaScript库，因其简洁的API和强大的功能，深受前端开发者喜爱。本文将深入探讨jQuery的基础函数，帮助初学者更好地理解和掌握这一工具。 1. **选择器（Selectors）*...
`jquery.load()` 是jQuery中用于异步加载HTML片段的一个函数，它的主要作用是将服务器返回的数据插入到指定的DOM元素中。其基本语法如下： ```javascript $(selector).load(url, data, callback); ``` - `selector...
《jQuery Load方法详解及其在网页动态加载中的应用》 在Web开发中，jQuery库以其简洁易用的API和强大的功能，成为了JavaScript开发者的首选工具之一。"jquery-load-demo"这个项目，显然着重展示了jQuery的load()...
例如，可以封装一个`loadData`函数用于通过AJAX从服务器获取数据，或者一个`validateForm`函数用于验证表单输入的有效性。这样，这些功能在项目中的任何地方都可以轻松调用，避免了重复编写相同的代码。 2. **静态...
### jQuery操作函数详解 #### 一、jQuery Ajax 操作函数 **1.1 jQuery.ajax()** - **描述**: 使用此方法可以执行一个异步HTTP (Ajax) 请求。 - **示例代码**: ```javascript $.ajax({ url: "test.php", type:...
3. **初始化 LazyLoad**：在文档加载完成后，调用 LazyLoad 初始化函数。 ```javascript $(document).ready(function() { $("img.lazyload").lazyload(); }); ``` 4. **可选配置**：LazyLoad 提供了许多配置...
`jquery.loadtemplate` 是一个基于 jQuery 的插件，专门用于加载和使用模板，使得在Web应用中动态渲染内容变得更加便捷。这个压缩包文件“frontend-project-jquery.loadtemplate.zip”包含了一个名为“jquery-...
在本文中，我们将深入探讨如何使用jQuery的load函数来动态加载其他页面的内容。这个功能对于创建交互式和响应式的Web应用程序非常有用，因为它允许我们不刷新整个页面的情况下更新指定的DOM元素。 首先，让我们理解...
### jQuery中的GET、POST与LOAD方法详解 #### 一、概述 jQuery 是一款非常流行的 JavaScript 库，它简化了许多常见的 Web 开发任务，包括 AJAX 请求。本文将详细介绍 jQuery 中 GET、POST 和 LOAD 方法的使用方法...
在本例中，我们使用jQuery的load()方法来实现Ajax请求。load()函数通常用于动态加载HTML内容到指定的DOM元素中。在这个场景下，我们通过点击“登陆”按钮触发Ajax请求： ```javascript $("#denglu").click(function...
- load：回调函数，当元素加载完成时执行。 六、示例代码 ```html 延迟加载的图像"> ``` ```javascript $(function() { $('.lazy').lazyload({ threshold: 200, // 当元素距离顶部200px时开始加载 event: '...
通过JavaScript函数调用jQuery load函数来实现分页。load函数中将起始页数发送至servlet，servlet通过DataService从数据库中获取数据。但是每次点击都会请求数据库。
总的来说，jQuery的`load()`方法结合回调函数提供了一种简单的方法来动态更新页面内容，同时能够处理成功或失败的情况，极大地提高了用户体验和页面的交互性。在实际项目中，开发者可以根据需求灵活运用这些功能来...
**jQuery API 函数介绍使用** jQuery 是一个广泛应用于Web开发的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。在本文中，我们将深入探讨jQuery API，了解其核心函数和常见...
### jQuery中load()方法语法格式详解 在前端开发领域，jQuery因其简洁的API和强大的功能，长期以来备受开发者青睐。其中一个非常实用的方法就是`load()`，它允许开发者以异步方式加载远程HTML文档或文档片段，并将...