Здравствуйте, я столкнулся с проблемой при написании кода на Javascript и PHP (Ajax без jquery). Я пытаюсь загрузить файл через Ajax и обработать его в PHP.
Это мой код:
index.html
<html>
<head>
<title>PHP AJAX Upload</title>
<script type="text/javascript">
function upload() {
// 1. Create XHR instance - Start
var dat= "bla";
document.getElementById("div2").innerHTML = "working";
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
}
else {
throw new Error("Ajax is not supported by this browser");
}
var rad = document.getElementById('fajl');
var filee = rad.files[0];
var formData = new FormData();
formData.append('rad',filee)
formData.append('var',dat)
xhr.open('POST', 'upload.php');
xhr.send(formData);
xhr.onload = function () {
if (xhr.readyState === 4 && xhr.status == 200) {
document.getElementById("div2").innerHTML = xhr.responseText;
//alert(xhr.readyState);
//alert(xhr.status);
}
}
}
</script>
</head>
<body>
<form id="uploadForm" enctype="multipart/form-data">
<label>Upload File:</label><br/>
<input name="rad" id="fajl" type="file" class="inputFile" />
<input type="submit" value="Submit" class="btnSubmit" onclick="upload()" />
<div id="div2">
</div>
</form>
</body>
</html>
загрузить.php
<?php
if(is_array($_FILES)) {
if(is_uploaded_file($_FILES['rad']['tmp_name'])) {
$sourcePath = $_FILES['rad']['tmp_name'];
$targetPath = "images/".$_FILES['rad']['name'];
if(move_uploaded_file($sourcePath,$targetPath)) {
echo ("uspjeh<br>");
}}
}
$podatak=$_POST['var'];
echo "$podatak"
?>
Проблема в том, что я не вижу ответа PHP-скрипта в своем элементе div2. «Аякс» ведет себя странно, и это меня озадачивает. Я поместил команду оповещения JavaScript в условие xhr.readyState (теперь прокомментировано). Когда я это делаю, я вижу вывод, но когда я закрываю диалоговое окно предупреждения, браузер автоматически перезагружает страницу и делает URL-адрес, как если бы я использовал метод GET (я использую POST), а затем вывод сервера исчезает. (rad в ?rad=... — это имя моего элемента ввода)
Когда я не использую команду оповещения, я вообще не вижу вывода, потому что страница перенаправляется очень быстро. Что я теряю?