jsHttpRequest + загрузка файла на сервер без перезагрузки JS

Загрузка файла на сервер, без перезагрузки страницы на чистом JS

Подгрузка элемента страницы без перезагрузки на чистом JS

function reloadRollAgency() // обновляем часть страницыстраницу
{
	createRollAgencyList('actionRollAgencyList',document.getElementById('formFilterRollAgency'), 1);
}

function handleFileRollAgency() // обрабатываем все не обработанные заявки
{
	var req = new JsHttpRequest();
	req.onreadystatechange = function() 
	{
		if (req.readyState == 4)
		{
			reloadRollAgency();
		}
	}			
	req.open(null, '/scripts/handler.php', true);
	req.send(null);		
}

function upload_file_roll_button() // загружаем файл
{
	form = document.forms.upload_file_rollagency;
	var formData = new FormData(form); 

	var req = new XMLHttpRequest();

	req.open("POST", 'request.php');
	req.onreadystatechange = function() 
	{
		if (req.readyState == 4)
		{
			reloadRollAgency();
		}
	}

/*			req.onload = req.onerror = function() {
		if (this.status == 200) {
			// reloadRollAgency();
		} else {
			alert("Ошибка" + this.status);
		}
	};*/

	// обработчик для закачки
	req.upload.onprogress = function(event) {
		document.getElementById('rollagencylist').innerHTML='<div style="text-align:center;" ><br /><img src="/img/loader.gif" width="64" height="64" alt="Ожидайте. Загрузка информации." title="Ожидайте. Загрузка информации." /><br /><br /></div>';
		document.getElementById('rollagencyuploadfile').innerHTML=null;
		document.getElementById('rollagencyuploadfile').style.display="none";
		document.getElementById('mainoverlay').style.display="none";	
	}	

	req.send(formData);		

}

function selectRollAgencyOrderCount() // удаляем выделенные заявки
{

	var arr = [];

    Array.from(document.getElementsByClassName('coloractive')).forEach(function(element){
        arr.push(element.getAttribute('data-id'));
    });		

    if (arr.length > 0){
		var req = new JsHttpRequest();

		req.onreadystatechange = function() 
		{
			if (req.readyState == 4)
			{
				reloadRollAgency();
			}
		}			
		req.open("POST", 'handler_delete.php', true);
		req.send( { elementDelete : arr } );		
	}
}

function selectRollAgencyOrder(id) // выбираем не обработанные заявки для удаления
{
	var row='row_rollagency_'+id;

	if (document.getElementById(row).classList.contains('coloryellow')){ // проверяем наличие класса
		document.getElementById(row).classList.toggle('coloractive'); // добавляем/убираем класс
	}		
}

function reloadRollAgency() // обновляем часть страницыстраницу

{

createRollAgencyList('actionRollAgencyList',document.getElementById('formFilterRollAgency'), 1);

}

function handleFileRollAgency() // обрабатываем все не обработанные заявки

{

var req = new JsHttpRequest();

req.onreadystatechange = function()

{

if (req.readyState == 4)

{

reloadRollAgency();

}

req.open(null, '/scripts/handler.php', true);

req.send(null);

}

function upload_file_roll_button() // загружаем файл

{

form = document.forms.upload_file_rollagency;

var formData = new FormData(form);

var req = new XMLHttpRequest();

req.open("POST", 'request.php');

req.onreadystatechange = function()

{

if (req.readyState == 4)

{

reloadRollAgency();

}

/* req.onload = req.onerror = function() {

if (this.status == 200) {

// reloadRollAgency();

} else {

alert("Ошибка" + this.status);

}

};*/

// обработчик для закачки

req.upload.onprogress = function(event) {

document.getElementById('rollagencylist').innerHTML='<div style="text-align:center;" ><br /><img src="/img/loader.gif" width="64" height="64" alt="Ожидайте. Загрузка информации." title="Ожидайте. Загрузка информации." /><br /><br /></div>';

document.getElementById('rollagencyuploadfile').innerHTML=null;

document.getElementById('rollagencyuploadfile').style.display="none";

document.getElementById('mainoverlay').style.display="none";

}

req.send(formData);

}

function selectRollAgencyOrderCount() // удаляем выделенные заявки

{

var arr = [];

Array.from(document.getElementsByClassName('coloractive')).forEach(function(element){

arr.push(element.getAttribute('data-id'));

});

if (arr.length > 0){

var req = new JsHttpRequest();

req.onreadystatechange = function()

{

if (req.readyState == 4)

{

reloadRollAgency();

}

req.open("POST", 'handler_delete.php', true);

req.send( { elementDelete : arr } );

}

function selectRollAgencyOrder(id) // выбираем не обработанные заявки для удаления

{

var row='row_rollagency_'+id;

if (document.getElementById(row).classList.contains('coloryellow')){ // проверяем наличие класса

document.getElementById(row).classList.toggle('coloractive'); // добавляем/убираем класс

}

js, ajax, request, httpRequest

Добавить комментарий Отменить ответ