jQuery常用方法总结【三】

魏定国
• 阅读 2008

jQuery Ajax 常用方法

1. load() :jQuery load() 方法是简单但强大的jQuery方法。

语法: $(selector).load(url,data,callback);
-url: 必需填的。 规定希望加载的url。
-data: 选填。 规定与请求一同发送的查询字符串键值对集合。
callback: 选填。 load()完成后所执行的函数。

例 :$("#div1").load("test.txt");
如果相同路径下有一个test.txt文件,那么这个方法就会将这个文件加载到id为div1的div中。

除了上面加载整个文件,还可以这样用:

$("#div1").load("text.txt #p1");
这个方法可以将text.txt文件中的id为p1的元素加载到这个div中。

2. ajaxSend() :在ajax请求执行前执行函数,这是一个ajax事件。
语法: .ajaxSend([function(event,xhr,options)]);
参数: function(event,xhr,options); (必需的)

  - event 包含event对象
  - xhr 包含XMLHttpRequest对象
  - options 包含ajax请求中使用的选项
  
例子: $(document).ajaxSend(function(e,xhr,opt){
        $(this).html("Requesting" + opt.url);
      });
      //这个例子是绑定在document上面的,在这个DOM中,任何一个ajax请求执行前,都会触发这个事件,这个例子是在ajax事件触发的时候将ajax访问的地址写在页面上。

3. ajaxComplete() : ajax请求完成后注册要调用的处理程序,与ajaxSend相反,语法一样。

4. ajaxError() : 当ajax请求完成且出现错误时注册要调用的处理程序。

5. ajaxStart() :在第一个ajax请求开始时执行。
平时我们写js的时候,是可以几个ajax请求一起执行的,但是也会有个执行的先后顺序。这个事件呢,是在第一个ajax执行前被触发,与ajaxSend不同,当有几个ajax请求一起进行的时候,ajaxSend就会有几个请求执行几次,而ajaxStart总共就只会执行一次,那就是第一个ajax请求开始时。

语法: .ajaxStart(function());

6. ajaxStop() :在最后一个ajax请求结束时执行。

这几个方法的区别 :

  • ajaxStart(): 在第一个ajax请求开始时触发,只会执行一次。
  • ajaxStop() : 在最后一个ajax请求结束后触发,只会执行一次。

上述两个方法的参数function()是没有参数的。

  • ajaxSend() : 在每个ajax请求开始时触发,几次请求就执行几次。
  • ajaxComplete() : 在每个ajax请求结束后触发,几次请求就执行几次。

上述两个方法的参数function都是有参数的:function(event,xhr,options)。

注意:在jQuery1.9中,上列所有ajax事件都必须绑定在document中监听。
$(document).ajaxStart(function(){});

点赞
收藏
评论区
推荐文章
blmius blmius
4年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
Wesley13 Wesley13
4年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
Dax Dax
4年前
jQuery 的事件绑定和事件委托(事件代理)
简单以jQuery的on()方法为例说明:API:1.on(events,selector,data,handler) 如果on()方法的selector参数为空,事件处理程序就被称为直接绑定。每当在被绑定元素上(如下例中被绑定的document元素,译者注)发生事件时,无论这个事件发生在这个元素上还是从内层元素经冒泡而
Jacquelyn38 Jacquelyn38
4年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
Stella981 Stella981
4年前
Jquery使用经验总结
注明:以下jquery经验版本均自jquery1.7版本。一.jQuery事件总结1.1ready事件和window.onload事件$(document).ready();和window.onload 的方法有相似功能,但是又有区别。加载时机
Wesley13 Wesley13
4年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Stella981 Stella981
4年前
Python time模块 返回格式化时间
常用命令  strftimetime.strftime("%Y%m%d%H:%M:%S",formattime)第二个参数为可选参数,不填第二个参数则返回格式化后的当前时间日期201812112:00:00time.strftime('%H:%M:%S')返回当前时间的时分秒time.strftim
Stella981 Stella981
4年前
PyQuery库使用小结
pyquery库是jQuery的Python实现,可以用于解析HTML网页内容,使用方法:frompyqueryimportPyQueryaspq1.可加载一段HTML字符串,或一个HTML文件,或是一个url地址,例:vpq("<html<titlehello</title</html")
Stella981 Stella981
4年前
Post 方式进行文件下载
不啰嗦了,直接上代码,依赖jquery,下面代码可以直接复制到你的项目作为公共方法前端封装代码,作为公共方法://postDownload.js/下载文件,以POST的方式提交@paramoptions{url,data}使用方式postDownload({
五、飞鹅官网API接口文档
接口列表1.获取网站信息请求方法:GET请求URL:/api/site/getSiteInfo请求参数无返回结果json"code":1,"data":"id":1,//id"title":"SampleSiteName",//网站名称"intro":"T
魏定国
魏定国
Lv1
晚来天欲雪,能饮一杯无?
文章
2
粉丝
0
获赞
0