AJAX:XMLHttpRequest中的beforeSend函数的等价函数是什么

时间:2016-09-26 01:23:51

标签: javascript jquery ajax xmlhttprequest

在$ .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();
            }
        }
    }

由于用户正在将图像上传到我的网站,因此我需要在触发呼叫之前建立等待界面,因为图像尺寸过大。

2 个答案:

答案 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);