2013-04-28 4 views
1

서블릿이 새로운데 검색 버튼을 클릭 할 때와 동일한 페이지에 결과를 표시하고 싶습니다. 그런 다음 결과가 동일한 페이지에 있어야합니다. 어떻게해야합니까? 다른 JSP로 갈 필요없이 사용자가 다른 페이지를 알아 차리지 않고 다른 페이지로 이동하는 장면 뒤에서 그것을 수행해야한다면, 어떻게하면 결과가 같은 페이지처럼 보이게 할 수 있을까요? 어떤 빛의 창고도 높게 평가됩니다.같은 페이지에 결과 표시

enter image description here

+1

var data = "Here is your data that was returned from your source"; document.getElementById("data").value = data; 

당신이 동기 (일반) 또는 비동기 (아약스) 요청을 보내시겠습니까? 명시 적으로 언급하지는 않았지만 명확하지 않은 이유로 JavaScript에 태그를 지정했습니다. 전자의 경우에는 [우리의 Servlets 위키 페이지] (http://stackoverflow.com/tags/servlets/info)의 첫 번째 Hello World 예제를 사용하십시오. 나중에,이 답변을 통해 몇 가지 Hello World 예제를 기반으로 기본 개념을 이해하십시오. http://stackoverflow.com/questions/4112686/how-to-use-servlets-and-ajax/4113258#4113258 – BalusC

+0

안녕 BalusC , 나는 내가 원하는 것을 성취 할 수있는 선택권을 넓히기를 원했기 때문에 JavaScript로 태그를 붙였다. 나는 기본적으로 배열 요청으로 setAttribute 내부에있는 서블릿을 가지고있다. 관심이 없으면 여기에 데이터를 텍스트 상자와 검색 버튼 아래에 표시하려는 요청 발송자가 필요합니까? –

+2

더 나은 방법을 알고 계십니까? 서블릿에서 HTML을 내보내는 중? 오, 제발. 그냥 JSP로 전달하고 조건부로 결과를 ''블록 정도로 표시하도록하십시오. – BalusC

답변

0

당신은 서버에서 검색 결과를 받기 위해 자바 스크립트를 사용해야합니다. 이 기술은 ajax입니다. jquery과 같은 자바 스크립트 라이브러리 (또는 다른 많은 라이브러리)가 여러분에게 많은 도움을 줄 수 있습니다.

+0

답장을 보내 주셔서 감사합니다. 문제를 발견했거나 성공했는지 여부를 살펴보고 알려 드릴 것입니다. –

+0

이것은 대답이 아닌 대답이어야합니다. BalusC의 첫 번째 의견은이를 다루고 심지어 Ajax와 서블릿과 관련된 Q/A를 게시하기도합니다. –

+0

짧은 경우에도 (매우 일반적인) 질문에 대한 (매우 일반적인) 답변으로 내 게시물을 설명 할 것입니다. 그러므로 그것은 나를위한 대답이지 논평이 아닙니다. – micha

0
  • 양식에서 검색어를 현재 페이지에 제출합니다. 즉, 양식 작업 속성을 비워 둘 수 있습니다.
  • 서블릿에서 검색어가 제출되었는지 확인하십시오. 이 경우 검색 기능을 실행하고 결과를 응답에 씁니다.
+0

답장을 보내 주셔서 감사합니다. Matthias, 텍스트 상자 및 검색 버튼 아래에 결과를 표시하고 싶습니다. 그래서 이름을 다시 검색하지 않고도 원하는만큼 검색 할 수 있습니다. –

0

데이터가 어디서 왔는지는 언급하지 않았지만,이 질문에서는 상당히 중요하지 않습니다. 데이터는 DOM storage의 로컬 변수 또는 AJAX을 사용하여 제공 될 수 있습니다. 그러나 여기에 textarea 요소로 텍스트 데이터를 설정하는 예가 있습니다 (원하는 형식을 거의 무제한으로 작성할 수있는 방법이 거의 없지만 한 가지 예입니다). 이 방법으로 현재 페이지를 동적으로 변경하면 다른 페이지로 이동할 필요가 없습니다. 그것은 그것의 이름을 우리는 다음 데이터 요소의 내용 값을 설정 document.getElementById

사용하여 (이 경우 "데이터")에 의해 요소에 대한 참조를 얻는 방식으로 작동하고,이 텍스트 영역에 표시됩니다

.

HTML

<input type="text"></input> 
<div> 
    <textarea id="data"></textarea> 
</div> 

자바 스크립트 jsfiddle

+0

통찰력을 주셔서 감사합니다. 흥미를 잃어 버렸습니다. 서블릿에 포함 된 데이터가있는 개체를 검색하여 검색 페이지로 가져 와서 표시 할 수 있습니까? –

+0

맞습니다. 데모가 보여주는 것과 정확히 같습니다.이 경우 문자열 변수 였지만 검색 배열을 사용하여 배열이나 문자열 또는 문자열 개체를 쉽게 선택할 수있었습니다. 다음은 정확히 다른 사람이 시도하는 것입니다. http://stackoverflow.com/questions/16247626/how-to-let-the-user-input-text-to-search-array-object-then-output-if- there-is-a/16247798 # 16247798 – Xotic750

관련 문제