js进阶 14-9 ajax事件有哪些
js进阶 14-9 ajax事件有哪些
一、总结
一句话总结：ajax开始时事件、发送时事件，请求完成时事件，请求成功时事件，请求结束时事件，请求错误时事件事件。
1、ajax事件的监听对象是谁？
都是document对象
21 $(document).ajaxStart(function(){
22 alert('ajaxStart() AJAX 请求开始时执行函数') 23 }) 24 $(document).ajaxComplete(function(){ 25 alert('ajaxComplete() AJAX 请求完成时执行函数') 26 });
2、ajax事件如何使用？
直接监听document对象，然后在ajax发生的时候，这些事件就会被调用
21 $(document).ajaxStart(function(){
22 alert('ajaxStart() AJAX 请求开始时执行函数') 23 })
二、ajax事件有哪些
1、相关知识
ajax事件
$.ajax()方法是jQuery底层AJAX实现。之前讲的简单易用的$.get,$.post 等为高层实现见。$.ajax()返回其创建的XMLHttpRequest 对象。大多数情况下我们无需直接操作该函数。除非你需要操作不常用的选项，以获得更多的灵活性。
- ajaxStart()AJAX请求开始时执行函数。
- ajaxStop()AJAX请求结束时执行函数。
- ajaxComplete()AJAX请求完成时执行函数。
- ajaxError()AJAX请求发生错误时执行函数。
- ajaxSuccess()AJAX请求成功时执行函数。
- ajaxSend()AJAX请求发送前执行函数。Ajax事件。
2、代码
html
1 <!DOCTYPE html>
2 <html lang="en">
3 <style>
4 </style>
5 <head>
6 <meta charset="UTF-8">
7 <title>演示文档</title>
8 <script type="text/javascript" src="jquery-3.1.1.min.js"></script>
9 <style type="text/css">
10 </style>
11 </style>
12 </head>
13 <body>
14 <input type="button" id="btn" value="Ajax测试">
15 <div id="test"></div>
16 <script type="text/javascript">
17 $(function(){
18 $('#btn').click(function(){
19 $('#test').load('test1.php')
20 })
21 $(document).ajaxStart(function(){
22 alert('ajaxStart() AJAX 请求开始时执行函数')
23 })
24 $(document).ajaxComplete(function(){
25 alert('ajaxComplete() AJAX 请求完成时执行函数')
26 });
27 $(document).ajaxStop(function(){
28 alert('ajaxStop() AJAX 请求结束时执行函数。')
29 });
30 $(document).ajaxSuccess(function(){
31 alert('ajaxSuccess() aAJAX 请求成功时执行函数')
32 });
33 $(document).ajaxSend(function(){
34 alert('ajaxSend() AJAX 请求发送前执行函数。Ajax 事')
35 })
36 $(document).ajaxSend(function(){
37 alert('请求发生错误！')
38 })
39
40 })
41 </script>
42 </body>
43 </html>php
1 <?php 2 echo "AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。"; 3 ?>
转载于:https://www.cnblogs.com/Renyi-Fan/p/9341107.html
js进阶 14-9 ajax事件有哪些相关推荐
- JS 进阶: 深入理解键盘事件 Keyboard Event
JS 进阶: 深入理解键盘事件 Keyboard Event 文章目录 JS 进阶: 深入理解键盘事件 Keyboard Event 正文 1. 基础 API 2. 基础事件:keydown.keyu ...
- js进阶课程 12-9 jquery的事件对象event的方法有哪些？
js进阶课程 12-9 jquery的事件对象event的方法有哪些? 一.总结 一句话总结:三组六个,阻止默认事件一组,阻止冒泡一组,阻止冒泡和剩余事件一组. 1.事件的默认动作指什么? 比如点a标 ...
- js进阶 12-1 jquery的鼠标事件有哪些
js进阶 12-1 jquery的鼠标事件有哪些 一.总结 一句话总结:1+3*2+1+1,其中里面有两组移入移出,一组和click,总结就是click(3个),hover(5个),mousemove ...
- js进阶ajax函数封装（匿名函数作为参数传递）（封装函数引入文件的方式非常好用）...
js进阶ajax函数封装(匿名函数作为参数传递)(封装函数引入文件的方式非常好用) 一.总结 2.匿名函数作为参数传递 二.js进阶ajax函数封装 ajax1.js 1 function ajax( ...
- js进阶 12-5 jquery中表单事件如何使用
js进阶 12-5 jquery中表单事件如何使用 一.总结 一句话总结:表单事件如何使用:可元素添加事件监听,然后监听元素,和javase里面一样. 1.表单获取焦点和失去焦点事件有哪两组? 注意是 ...
- js进阶 14-6 $.ajax()方法如何使用
js进阶 14-6 $.ajax()方法如何使用 一.总结 一句话总结:$.ajax([settings])settings可选.用于配置Ajax请求的键值对集合. 1.$.ajax()的特点是什么( ...
- 自学JavaScript第四天- JS 进阶：AJAX Promise Canvas
自学JavaScript第四天- JS 进阶:AJAX Promise Canvas AJAX 使用 XMLHttpRequest 使用 fetch() 方法 处理 AJAX 数据 安全限制 跨域方案 ...
- js进阶正则表达式14验证邮编（input的pattern属性）（正则表达式加起^始$）
js进阶正则表达式14验证邮编(input的pattern属性)(正则表达式加起^始$) 一.总结 1.input的pattern属性:里面可以直接放正则表达式,<input type=&quo ...
- js进阶 12-2 彻底弄懂JS的事件冒泡和事件捕获
js进阶 12-2 彻底弄懂JS的事件冒泡和事件捕获 一.总结 一句话总结:他们是描述事件触发时序问题的术语.事件捕获指的是从document到触发事件的那个节点,即自上而下的去触发事件.相反的,事件 ...
- js进阶 12-8 如何知道鼠标和键盘当前操作的是哪个键
js进阶 12-8 如何知道鼠标和键盘当前操作的是哪个键 一.总结 一句话总结:event.which属性. 1.如何获取事件发生的时间? timeStamp属性 event.timeStamp 属性 ...
最新文章
- Ajax+SpringBoot+Thymeleaf使用中遇到的跳转页面问题
- 以后版本网卡命名规则
- MyEclipse配置JDK6+Opencv2.4.11
- 教你如何将UIImageView视图中的图片变成圆角
- 建立单独的解决方案来开发DNN模块
- PS教程第二十五课:自由选区
- 上传文件到ftp服务器
- 深入理解JavaScript定时器
- Android Revolution
- kvaser 驱动修复(linux)
- 国家2000坐标系的理解
- php 送货单管理系统,销售送货单管理系统下载
- 运维就是一场没有硝烟的战争
- idea、webstorm使用过程出现问题
- 导数和积分的转换关系
- 第二证券|热门板块再次爆发，早盘主力抢筹超10亿元！
- linux gzip 4G,Linux gzip命令
- Google Play开发者账号注册过程中的安全问题
- 原创小说 - 爱人失踪（第一部）
- SwiftUI 精品项目之完整MOOC幕课iOS项目 含服务端 轮播欢迎页面（教程含源码）