在$ .ajax中有beforeSend函数,但现在我尝试使用XMLHttpRequest,我在$ .ajax中查找beforeSend的等效函数。我怎样才能在这里实现它。
这是我的xhr代码,
xhr = new XMLHttpRequest();
var url = '../ajax/ajax_edit/update_ajax_staffUser.php';
if(file.files.length !== 0){
if(!check(fileUpload.type)){
alert("This file format not accepted");
return false;
}
xhr.open('post', url+param, true);
xhr.setRequestHeader('Content-Type','multipart/form-data');
xhr.setRequestHeader('X-File-Name', fileUpload.name);
xhr.setRequestHeader('X-File-Size', fileUpload.size);
xhr.setRequestHeader('X-File-Type', fileUpload.type);
xhr.send(fileUpload);
}else{
xhr.open('post', url+param, true);
xhr.setRequestHeader('Content-Type','multipart/form-data');
xhr.send(fileUpload);
}
xhr.onreadystatechange = function(e){
if(xhr.readyState===4){
if(xhr.status==200){
$('.bounce_dim').show();
setTimeout(function(){
$('.trigger_danger_alert_changable_success').show().delay(5000).fadeOut();
$('#palitan_ng_text_success').html('User successfully modified');
$('#frm_edit_staffUser')[0].reset();
$('#modal_staff').modal('hide');
$('.bounce_dim').hide();
},1000);
getUserStaffTable();
}
}
}
由于用户正在将图像上传到我的网站,因此我需要在触发呼叫之前建立等待界面,因为图像尺寸过大。
答案 0 :(得分:4)
你可以通过在XHR实例化之前放入 beforeSend()函数来实现这一点,如下所示:
beforeSend();
xhr = new XMLHttpRequest();
但是您应该在上面的代码之前定义 beforeSend()函数:
var beforeSend = function(){
// your code here
}
答案 1 :(得分:2)
.beforeSend
只需在运行.send
之前调用该函数,因此只需将代码放在行之前:
xhr.setRequestHeader('Content-Type','multipart/form-data');
xhr.setRequestHeader('X-File-Name', fileUpload.name);
xhr.setRequestHeader('X-File-Size', fileUpload.size);
xhr.setRequestHeader('X-File-Type', fileUpload.type);
beforeSend(); // Put any code to run before sending here
xhr.send(fileUpload);