JQuery AJAX в прямом эфире?

Question

Я пытаюсь получить какой-то живой результат из запроса AJAX.

Это код, я использую:

$.ajax({ type: "GET", 
    url: "test.php?delete=students", 
    async: true, 
    success : function(data) { 
     console.log(data) 
    } 
    }); 

При срабатывании по ссылке на моем веб-странице спиннинг анимации показано, чтобы показать, что что-то происходит. Я также хотел бы показать в файле div результат от test.php, когда он запущен.

test.php имеет простой цикл, который перебирает все студент и удаляет их, а затем echo "$student removed";

При запуске из командной строки абсорбция показана, при запуске через AJAX я только получить не анимацию вывод ,

Я не уверен, как это получить, я пробовал пару плагинов с большим успехом. Я также пытался использовать XMLHttpRequest и responseText, но я не уверен, как правильно это использовать.

В идеале я хотел бы, чтобы каждое удаление отображалось в div #status.

Может ли кто-нибудь посоветовать, как это сделать?

UPDATE

progress : function(data) { 
    console.log(data); 
}, 

Я добавил выше, и двигаться я получаю некоторый вывод в консоли. ProgressEvent {isTrusted: true, lengthComputable: false, loaded: 44, total: 0, type: "progress"…}

Расширение того, что я могу видеть ответ, который содержит данные, которые мне нужны. Как это получить, чтобы добавить его в div?

Answer 1

Вы можете попробовать с помощью событий сервера посланный для него: https://html.spec.whatwg.org/multipage/comms.html#server-sent-events

Клиентский код будет просто:

var sse = new EventSource('test.php?delete=students'); 
sse.addEventListener('message', function(e) { 
    console.log(e.data); 
}, false); 

В вашем test.php код будет выглядеть примерно следующим образом:

header('Content-Type: text/event-stream'); 
header('Cache-Control: no-cache'); 

for ($i = 0; $i < ob_get_level(); $i++) {//for each open buffer 
    ob_end_flush();//close it 
} 

ob_implicit_flush(1);//turn implicit flush on 

//now goes what you called "loops through all students and deletes them" 
while(1) { 
    /*here you post your code that deletes your student*/ 
    $data = "$student removed";//message to send to client confirming deleting of particular student 
    echo "data: ".$data . PHP_EOL;//here you send data to client, it will receive it and handle inside 'message' event handler 
    echo PHP_EOL;//need this just to fulfill the SSE standard 
    sleep(1);//use if need to insert pause between sending new portion of data (better use it to keep your browser safe from too much of messages per second) 
} 

Не забудьте разбить петлю после окончания удаления студентов =)