sitelink1 http://www.java-forums.org/advanced-java...-ajax.html 
sitelink4 http://1 
extra_vars4 ko 
extra_vars6 sitelink1 

Question : flush data from servlet to jsp with ajax

I've a servlet that process a file and reports the number of line which has processed. In the other side, I have a JSP, wit a div. This jsp uses Ajax to call the servlet.

The intended result, is that Ajax receives all the out.print of the Servlet and with javascript update an html table in the jsp.

I've been able to update the table and all that, but only after the servlet finish, all the lines that is printing, are not received in the ajax (or printed in the page) until this servlet finishes.

I understand that Ajax can monitor the status of the servlet, and as I can see, it finishes when status is 4 (completed) and result is 200 (OK). I'm sending from the servlet the out.print("text"), but as I said, the jsp process it when both 4 state and 200 status are received, nothing is received while the servlet is processing.

Can you help me with this please?

These are some code snippets:
Ajax

Java Code:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

var dinformacion = document.getElementById("informacion");

            var isIE;

            function XMLHttp(url) {

                return XMLHttp(url, null);

            }

            function XMLHttp(url, callback, callbackprocess) {

                var req = init();

                req.onreadystatechange = processRequest;

                function init() {

                    if (window.XMLHttpRequest) {

                        return new XMLHttpRequest();

                    } else {

                        if (window.ActiveXObject) {

                            isIE = true;

                            return new ActiveXObject("Microsoft.XMLHTTP");

                        }

                    }

                }

                function processRequest() {

                    //dinformacion.innerHTML = req.readyState + "/" + req.status;

                 

                    if ((req.readyState == 4) && (req.status == 200) && (callback)) {

                        var a = req;

                        callback(req.responseText);

                    }

                    else {

                        //HERE IT FAILS ALL THE TIME

                        callbackprocess(req.responseText);

                    }

                }

                this.doGet = function () {

                    req.open("GET", url, true);

                    req.send(null);

                };

                this.doPost = function (body) {

                    req.open("POST", url, true);

                    req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

                    req.send(body);

                };

            }

            function getElementY(element) {

                var targetTop = 0;

                if (element.offsetParent) {

                    while (element.offsetParent) {

                        targetTop += element.offsetTop;

                        element = element.offsetParent;

                    }

                } else {

                    if (element.y) {

                        targetTop += element.y;

                    }

                }

                return targetTop;

            }

 

 

         

            var req = new XMLHttp("../servlet/ConsultaServlet",onServerResponse,onServerProcess);

            req.doPost();

             

            function onServerResponse(responseXML){

                responseXML = trim(responseXML);

                alert(responseXML);

            }

            var dproc = document.getElementById("process");

             

            function onServerProcess(responseXML){

                responseXML = trim(responseXML);

                dproc.innerHTML = responseXML;

                 

            }

And my servlet snippet:

Java Code:

1

2

3

4

5

6

7

...

for(int i=1;i<20;i++){

                 

                out.print(i);

                out.flush();

            }  

...

 

 

 

 

Answer : Reply t flush data from servlet to jsp with ajax

I think you yourself gave the answer to it....
 

I understand that Ajax can monitor the status of the servlet, and as I can see, it finishes when status is 4 (completed) and result is 200 (OK). I'm sending from the servlet the out.print("text"), but as I said, the jsp process it when both 4 state and 200 status are received, nothing is received while the servlet is processing.

You don't receive the XmlHttpRequest object and so the responseText until the servlet you're calling via AJAX completes its execution! You might get a better view of it if u put a Thread.sleep(2000)....i.e., a delay of 2secs in your "for" loop
 

Java Code:

1

2

3

4

5

6

for(int i=1;i<20;i++){

                 

                out.print(i);

                out.flush();

                                Thread.sleep(2000);

            }

So, you cannot get any responseText while the servlet is processing. To achieve something like this, people tend to use a 'server push' method. You might like to see topics like 'Comet' also called Reverse Ajax, pushlets to get responses from the servlet to the client and u can use them your own way to achieve your goal!

good luck!! :)

 

 

 

번호 제목 글쓴이 날짜 조회 수
246 [Gemini] ajax 와 fetch 의 차이 황제낙엽 2025.01.04 3419
245 [검토 완료] 디바이스 카메라로 촬영한 사진을 서버에 업로드하기 샘플 황제낙엽 2024.11.21 3987
244 브라우저에서 이미지를 편집(crop 등) 할 수 있는 오픈소스 Cropper.js 황제낙엽 2024.11.16 3842
243 [ChatGPT] json data 의 정렬 [1] 황제낙엽 2024.07.23 3352
242 DOMContentLoaded 이벤트와 window.onload 이벤트 황제낙엽 2024.07.15 3669
241 fetch() 사용 예제들 황제낙엽 2024.07.09 3380
240 [Copilot] Vanilla JavaScript에서 외부 스크립트 파일에 정의된 함수들을 로드 황제낙엽 2024.06.21 3758
239 [Copilot] ES6 모듈(module) 문법 황제낙엽 2024.06.21 3805
238 [Copilot] JSON 객체 내부 데이터를 순회하면서 조회하는 코드 황제낙엽 2024.06.02 3270
237 [Copilot] JavaScript로 서버에 특정 값을 POST 방식으로 전달하고 응답을 기다리지 않고 바로 종료 황제낙엽 2024.05.31 3615
236 json 데이터 내의 변수명에 prefix 로 type 표현하기 황제낙엽 2024.04.15 3361
235 fetch() 함수 사용 예제 file 황제낙엽 2023.11.23 3605
234 현재 document 의 host 와 port 를 얻는 방법 황제낙엽 2023.10.03 4209
233 (Bard) FileReader 로 여러개의 파일을 read 하는 법 file 황제낙엽 2023.08.23 3660
232 How to build a file upload service with vanilla JavaScript file 황제낙엽 2023.08.22 3715
231 (Bard) JavaScript로 JSON 배열을 작성하는 방법 황제낙엽 2023.08.21 3672
230 모바일 브라우저에서 file input element 를 이용하여 여러장의 이미지를 서버에 전송하려 할때 [1] 황제낙엽 2023.08.21 3703
229 navigator.mediaDevices 황제낙엽 2023.08.21 3798
228 Barcode Detection API 황제낙엽 2023.08.06 3854
227 정규식을 이용한 이메일 검증 스크립트 file 황제낙엽 2023.06.25 2894