템플릿 엔진을 통해 클라이언트에 비동기 데이터를 보낼 수있는 방법이 있습니까?

Question

Express에 pug를 통해 클라이언트에 응답을 보내는 방법은 하나의 페이지에 대해 두 번 렌더링하거나 템플릿 엔진을 통해 클라이언트에 비동기 데이터를 보낼 수있는 방법이 있습니까?

다음은 응답이 HTML 콘텐츠로 직접 전송되는 코드이며 pug으로 바꾸고 싶습니다. 이제 문제는 response.write()이 먼저 발생하고 res.end()이 약속을 해결 한 후에 실행되고 클라이언트의 응답을 같은 순서로 실행하려고합니다. 두 이벤트 모두 시간 차이가 있기 때문에 한 번에 모두. 도움이 필요합니까?

console.log('File saved to', filename); 
      response.write('File downloaded to Server in DIR: '+filename+"<br>"); 
      promiseCounter++; 
      if (promiseCounter == 15) { 
       afterDownloading(); 
      } 
      }).catch((err) => { 
      afterDownloading(); 
      throw err; 
      }); 
    } 

} 

function afterDownloading() 
{ 
    var hrefString = "<br><a href='http://localhost:3000/displayKeywords'>Click here</a> to see all the keywords"+ 
        " Entered yet!<br>"; 
    response.end("Downloading Completed"+hrefString); 
    console.log("Downloading Completed!"); 

    mongo.insert(fileDetail); 

} 

Answer 1

더 나은 접근 방법은 ajax를 통해 UI를 업데이트하는 것입니다. 이 이러한 단계를 수행 할 수 있습니다

1. 하면 페이지 일반적으로
2. 트리거이 페이지의로드에 아약스 요청을 렌더링합니다. 이 ajax 요청은 비동기 작업을 수행하고 UI를 업데이트하는 데 필요한 데이터를 가져옵니다.
3. ajax 요청이 응답을 받으면 UI를 업데이트하십시오.