#46475965 · 14 Dec 2015, 20:14 · · პროფილი · პირადი მიმოწერა · ჩატი
ერთი ასეთი კითხვა მაქვს
მაქვს ასეთი ajax
| CODE |
$(document).on('submit', '.Upload-form', function(e) {
e.preventDefault();
var formData = new FormData(this);
$.ajax({
xhr: function() {
var xhr = new window.XMLHttpRequest();
xhr.upload.addEventListener("progress", function(evt) {
if (evt.lengthComputable) {
var percentComplete = Math.round(evt.loaded / evt.total * 100);
$PROGRESS_BAR.style.width = percentComplete + '%';
$PROGRESS_BAR.innerHTML = percentComplete + '%';
}
}, false);
xhr.onreadystatechange = function(){
if (xhr.readyState > 2){
var responseInfo = xhr.responseText;
console.log(responseInfo);
}
if (xhr.readyState == 4 && xhr.status == 200){
percentage = 0;
$PROGRESS_BAR.style.width = '0%';
$PROGRESS_BAR.innerHTML = '0%';
$PROGRESS_BAR.className = "progress-bar progress-bar-danger";
progres.className = "progress hidden";
uploadExcellBtn.className = "upload-excell btn btn-success";
refresh();
}
};
return xhr;
},
type:'POST',
url: $(this).attr('action'),
data:formData,
cache:false,
contentType: false,
processData: false,
beforeSend: function(){
uploadExcellBtn.className = "upload-excell btn btn-success hidden";
progres.className = "progress";
$PROGRESS_BAR.style.width = '0%';
$PROGRESS_BAR.innerHTML = '0%';
},
success:function(){
$PROGRESS_BAR.style.width = '0%';
$PROGRESS_BAR.innerHTML = '0%';
$PROGRESS_BAR.className = "progress-bar progress-bar-success";
},
complete: function (XMLHttpRequest, textStatus) {
console.log(this);
},
error: function(data){
console.log("error");
console.log(data);
}
});
return false;
});
|
ანუ ეხლა რა მინდა
რომ მორჩება აფლოადს
ანუ შემოვიდა success და მერე complete
შევცვალო url
და ხელახლა წაიდეს xhr მხოლოდ ამჯერად onreadystatechange-მა მინდა იმუშაოს
და რას მირჩევთ როგორ ვქნა???
--------------------
ვებ პროგრამისტების საყურადღებოდ
http://jobs.ge/119262/
|
XMLHttpRequest
