jQuery中使用ajax
时间:2020-03-24
本文章向大家介绍jQuery中使用ajax,主要包括jQuery中使用ajax使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
基本属性
$.ajax({
url:'add.php',
type:'post',
data:{id:1,name:'ashen'},
success:function(res){
console.log(res);
}
})
success函数:只有状态码为200即请求成功才会执行
error函数:只有请求不正常才执行,即状态码不是200
complete函数:请求完成后执行,即成功或失败都会执行
beforeSend函数:在发送请求之前执行
高度封装函数
-
$.get(url,数据,成功后执行的函数) 发送get请求
-
$.post(url,数据,成功后执行的函数) 发送post请求
-
$.getJSON(url,数据,成功后执行的函数) 发送get请求 并设置响应体为json格式
-
$.getScript() 发送get请求 并设置响应体为javascript格式
全局事件处理函数
-
-
$(selector).ajaxStop(function(){}); 给某一元素注册请求结束时触发的事件 全局事件处理函数
其中加入css或其他效果,可以实现正在加载或加载进度条等用户体验性较好的页面
如:
$(document)
.ajaxStart(function () {
NProgress.start()
})
.ajaxStop(function () {
NProgress.done()
})
NProgress 实现进度条
$(selector).load()
-
将$(selector)重新加载,通过load中的参数指定被载入的代码
-
load(url,数据,请求成功后回调的函数)
-
原文地址:https://www.cnblogs.com/ashen1999/p/12559667.html
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- SQL注入原理及代码分析(二)
- 写一个方法,输入一个文件名和一个字符串,统计这个字符串在这个文件中出 现的次数。
- SSRF漏洞简单分析
- 树莓派基础实验30:BMP180气压传感器实验
- DC-1靶机实战和分析
- 如何用Python优雅的登录校园网?
- PHP入门之类型与运算符
- 栈论 : 递归与栈式访问,如何用栈实现所有递归操作(幼儿园题目篇,题目3)
- Maven是什么? Maven的概念+作用+仓库的介绍+常用命令
- JDK8;HashMap:再散列解决hash冲突 ,源码分析和分析思路
- 写一个 Singleton
- 树莓派基础实验31:MPU6050陀螺仪加速度传感器实验
- springboot gradle mybatis mysql配置(注解)
- PHP入门之流程控制
- 常用进制转换方法(取商留余)原理解析, 附基于栈实现进制转换的代码