那些常用的JQuery函数与方法
程序员文章站
2022-05-07 21:46:39
...
JQuery的常用函数与方法
写在前面:本文记录个人入门前端常用又实用的jQuery方法,仅代表个人观点,欢迎留言纠错。
Hi,I’m EverdayForCode. Had you learnt today?
jQuery Ajax
AJAX 是与服务器交换数据的技术,它在不重载全部页面的情况下,实现了对部分网页的更新。
如果不使用thmealeaf,那么ajax就是动态加载最好选择!
语法:
$.ajax({name:value, name:value, ... })
实例代码:
$.ajax({
url:'http://resource.natapp1.cc/role1/updateApplyByReqId',//请求url
type: "post", //请求方式
data:{//请求数据,传给后台
//reqId:reqId,
},
success:function (msg) {//请求成功处理函数
//自定义函数
}
}
error:function(e){
//自定义函数
}
})
参数详细说明:
参数名 | 参数值类型与描述 |
---|---|
async | 布尔值,表示请求是否异步处理。默认是 true。 |
beforeSend(xhr) | 发送请求前运行的函数。 |
cache | 布尔值,表示浏览器是否缓存被请求页面。默认是 true。 |
complete(xhr,status) | 请求完成时运行的函数(在请求成功或失败之后均调用,即在 success 和 error 函数之后)。 |
contentType | 发送数据到服务器时所使用的内容类型。默认是:“application/x-www-form-urlencoded”。 |
context | 为所有 AJAX 相关的回调函数规定 “this” 值。 |
data | 规定要发送到服务器的数据。 |
dataFilter(data,type) | 用于处理 XMLHttpRequest 原始响应数据的函数。 |
dataType | 预期的服务器响应的数据类型。 |
error(xhr,status,error) | 如果请求失败要运行的函数。 |
global | 布尔值,规定是否为请求触发全局 AJAX 事件处理程序。默认是 true。 |
ifModified | 布尔值,规定是否仅在最后一次请求以来响应发生改变时才请求成功。默认是 false。 |
jsonp | 在一个 jsonp 中重写回调函数的字符串。 |
jsonpCallback | 在一个 jsonp 中规定回调函数的名称。 |
password | 规定在 HTTP 访问认证请求中使用的密码。 |
processData | 布尔值,规定通过请求发送的数据是否转换为查询字符串。默认是 true。 |
scriptCharset | 规定请求的字符集。 |
success(result,status,xhr) | 当请求成功时运行的函数。 |
timeout | 设置本地的请求超时时间(以毫秒计)。 |
traditional | 布尔值,规定是否使用参数序列化的传统样式。 |
type | 规定请求的类型(GET 或 POST)。 |
url | 规定发送请求的 URL。默认是当前页面。 |
username | 规定在 HTTP 访问认证请求中使用的用户名。 |
xhr | 用于创建 XMLHttpRequest 对象的函数。 |
jQuery on()
on() 方法在被选元素及子元素上添加一个或多个事件处理程序。
在项目中我多用on()方法绑定动态生成的按钮事件。
语法:
$(selector).on(event,childSelector,data,function)
代码实例:
// 注销账户
function UserLogout() {
$('#navTop').on('click','#loginout',function () {
sessionStorage.clear();
window.location.replace("../../templates/login.html");
})
}
参数说明:
参数 | 描述 |
---|---|
event | 必需。规定要从被选元素添加的一个或多个事件或命名空间。由空格分隔多个事件值,也可以是数组。必须是有效的事件。 |
childSelector | 可选。规定只能添加到指定的子元素上的事件处理程序(且不是选择器本身,比如已废弃的 delegate() 方法,可以是标签,或者样式)。 |
data | 可选。规定传递到函数的额外数据。 |
function | 可选。规定当事件发生时运行的函数。 |
写在后面:最怕的就是不自律。
推荐阅读