jquery beforesend
jQuery beforeSend 是 jQuery Ajax 方法中的一个回调函数,它在发送请求之前被调用。它可以用来添加额外的头部信息,或者在发送请求之前做一些其他的处理。
$.ajax({
url: 'example.php',
type: 'POST',
beforeSend: function(xhr) {
// 在这里设置额外的头部信息,或者做一些其他的处理
xhr.setRequestHeader('X-My-Custom-Header', 'some value');
}
});
beforeSend 函数有一个参数,即 XMLHttpRequest 对象(简称 XHR)。XHR 对象是 AJAX 请求的核心对象,它包含了所有有关请求的信息。使用 beforeSend 函数可以在 XHR 对象上设置额外的头部信息,例如 Authorization、Content-Type 等。
xhr.setRequestHeader('Authorization', 'Bearer 1234567890');
此外,beforeSend 还可以用来做一些其他的处理,例如显示加载动画、重新定义 URL 等。例如下面这个例子中使用 beforeSend 来显示加载动画:
$.ajax({
url: 'example.php',
type: 'POST',
beforeSend: function() {
// 显示加载动画...
$('#loading').show(); // 显示加载动画
},
success: function(data) { // 处理返回数据 }, complete: function() { // 隐藏加载动画... $('#loading').hide(); } });
总之,jQuery beforeSend 是一个很强大而有用的回调函数,它能帮你在发送 AJAX 请求之前做很多额外的工作。但是要注意不要在 beforeSend 里做耗时过长或者不必要的工作,否则会降低 AJAX 请求性能。
jQuery 文档操作 - before() 方法
实例
在每个 p 元素前插入内容:
$("button").click(function(){
$("p").before("<p>Hello world!</p>")
;
});
亲自试一试
定义和用法
before() 方法在被选元素前插入指定的内容。
语法
$(selector).before(content)
参数 |
描述 |
content |
必需。规定要插入的内容(可包含 HTML 标签)。 |
使用函数来插入内容
使用函数在指定的元素前面插入内容。
语法
$(selector).before(function(index))
亲自试一试
参数 |
描述 |
function(index) |
必需。规定返回待插入内容的函数。
- index - 可选。接收选择器的 index 位置。
|