jquery load 事件用法
jquery load 事件用法
如果绑定给window对象,则会在所有内容加载后触发,包括窗口,框架,对象和图像。如果绑定在元素上,则当元素的内容加载完毕后触发。
注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件,因为jQuery会在所有DOM加载完成后再绑定load事件。
调用load方法的完整格式是:load( url, [data], [callback] ),
其中:
url
:是指要导入文件的地址。
data
:可选参数;因为Load不仅仅可以导入静态的html文件,还可以导入动态脚本,例如PHP文件,所以要导入的是动态文件时,我们可以把要传递的参数放在这里。callback
:可选参数;是指调用load方法并得到服务器响应后,再执行的另外一个函数。一:如何使用data
1.加载一个php文件,该php文件不含传递参数
$("#myID").load("test.php");
//在id为#myID的元素里导入test.php运行后的结果
2. 加载一个php文件,该php文件含有一个传递参数
$("#myID").load("test.php",{"name" : "Adam"});
//导入的php文件含有一个传递参数,类似于:test.php?name=Adam
3. 加载一个php文件,该php文件含有多个传递参数。注:参数间用逗号分隔
$("#myID").load("test.php",{"name" : "Adam" ,"site":"61dh.com"});
//导入的php文件含有一个传递参数,类似于:test.php?name=Adam&site=61dh.com
4. 加载一个php文件,该php文件以数组作为传递参数
$("#myID").load("test.php",{'myinfo[]', ["Adam", "61dh.com"]});
//导入的php文件含有一个数组传递参数。
注意:使用
load
,这些参数是以POST的方式传递的,因此在test.php里,不能用GET来获取参数。二:如何使用callback
比如我们要在
load方法
得到服务器响应后,慢慢地显示加载的内容,就可以使用callback
函数。代码如下:$("#go").click(function(){
$("#myID").load("welcome.php", {"lname" : "Cai", "fname" : "Adam", function(){
$("#myID").fadeIn('slow');}
);
});
备注:
在load的url里加上空格后面就可以跟选择器了。
例如:
$("body").load("test.html #a");
转载于:https://www.cnblogs.com/wshsdlau/archive/2013/01/09/2853857.html
jquery load 事件用法相关推荐
- $.load()的用法
jquery load 事件用法 jquery load 事件用法 如果绑定给window对象,则会在所有内容加载后触发,包括窗口,框架,对象和图像.如果绑定在元素上,则当元素的内容加载完毕后触发. ...
- jQuery 自定义事件的学习笔记
jquery中提供了两种方法可以绑定自定义事件: bind()和one() 而绑定的自定义事件的触发,必须得用jquery中的 trigger()方法才能触发. 我们先来看on事件 代码如下 复制代 ...
- jQuery中ready与load事件的区别
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. jQuery中ready与load事件的区别 概述: 大家在工作中用jQuery的时候一定会在使用之 ...
- jQuery学习(四)— jQuery的ready事件和原生JS的load事件的区别
jQuery学习(四)- jQuery的ready事件和原生JS的load事件的区别 jQuery的ready事件和原生JS的load事件的区别: 页面中可以有多个ready事件,而load事件会出现 ...
- jQuery学习(一)—jQuery应用步骤以及ready事件和load事件的区别
jQuery应用步骤以及ready事件和load事件的区别 一.jQuery应用步骤 第一步:利用script标签的src属性引入jQuery文档 第二步:创建一个script标签,在该script下 ...
- jQuery函数$(window).load事件
绑定jQuery函数到$(window).load事件 大多数jQuery实例或教程都告诉我们绑定我们的jQuery代码到$(document).ready事件.虽然$(document).ready ...
- jQuery 表单验证插件,jQuery Validation Engine用法详解
jQuery 表单验证插件,jQuery Validation Engine用法详解 功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身 ...
- JavaScript事件详解-jQuery的事件实现(三)
正文 本文所涉及到的jQuery版本是3.1.1,可以在压缩包中找到event模块.该篇算是阅读笔记,jQuery代码太长.... Dean Edward的addEvent.js 相对于zepto的e ...
- Java程序员从笨鸟到菜鸟之(九十)跟我学jquery(六)jquery中事件详解
由于jQuery本身就是web客户端的有力帮手,所以事件对于它来说就显得尤为重要了,事件是脚本编程的灵魂. 所以此内容也是jQuery学习的重点. 在传统的JavaScript中,注册一个事件也是非常 ...
最新文章
- 面向软件工程师的卡尔曼滤波器
- 太扎心!人艰不拆!16 个程序员专属笑话讲给你听
- Android 换肤
- Python的locals()函数
- 【源码解读】Screencap源码分析-基础篇
- php多主写数据,多数据库的配置(从主)
- 客户的一个紧急bug,我用了两种方式进行 C# 反编译修改源码
- oracle数据库转sqlite,Sqlite导入Oracle软件(SqliteToOracle)
- mysql云数据库 磁盘利用率_云数据库MySQL参数的那些事儿
- opc服务器消息通知代码,OPCClient浏览OPCServer的简单实例程序源代码.doc
- c++画多边形_如何画出超漂亮的极光绘画教程
- Flutter 微信分享功能实现
- spark streaming核心原理及实践
- java中文件路径的两种写法说明:左斜杠(/)和右斜杠(\)
- JAVA实现负载均衡
- 焊接好的CH340G芯片不工作
- markdown转VNode
- 自动化测试之:猴子测试Windows端GUI-Monkey实现
- 拍照已经成为我们手机中必备的功能之一,但是我们很多人都无法使用手机原相机拍出好看的图片,这是为什么呢?
- 数据赋能--数字化转型价值起点