Не приходит success от ajax
Перечитал тут все похожие вопросы, ответа не нашел. Отправляю файл из формы с помощью ajax на сервер zvonok.com В ответ приходит JSON, открываясь на новой странице.
{"audioclip_id": 1087594455, "length": 0.886375,
"url": "https://zvonok.com/manager/media/converted/d9e8307f915/0aa02afc035/552cacb94d.wav"}
Мне нужно эти данные показать пользователю в читабельном виде, с пояснениями, т.е. тупо выдрать эти переменные и использовать дальше.
Дописал в код event.preventDefault(); теперь новая страница не открывается, но срабатывают события error и, что странно, потом complete причём файл на сервере появляется, ему присваивается id и т.д. всё работает. Но ко мне эти данные не приходят, событие success не срабатывает, висит статус ошибки 404.
Что делать - не пойму.
<script>
$(document).ready(function() {
$('#frm').submit(function(event) {
event.preventDefault();
var form = new FormData($(this)[0]);
$.ajax({
url: 'https://zvonok.com/manager/cabapi_external/api/v1/audio/upload/',
type: 'POST',
xhrFields: {
withCredentials: true
},
async: false,
cache: false,
contentType: false,
processData: false,
data: form,
beforeSend: function () {
$("#result_form").html("Uploading, please wait....");
},
success: function () {
$("#result_form").html("success");
},
complete: function (result) {
$("#result_form").html("complete");
},
error: function () {
$("#result_form").html("error");
}
});
return false;
});
});
</script>
<form id="frm" method="post" enctype="multipart/form-data"
action="https://zvonok.com/manager/cabapi_external/api/v1/audio/upload/">
<input type="text" name="clip_name" />
<input type="text" name="public_key" value="0c7c4c3663a75fde8f9"/>
<input type="file" name="clip_file" />
<input type="submit" value="Upload"/>
</form>
<div id="result_form"></div>

