div에 AJAX 응답을 렌더링하는 가장 좋은 방법은 무엇입니까?

검색 기능을 가진 웹 응용 프로그램이 있습니다. 홈 페이지에는 사용자가 검색 기준을 입력하고 검색 버튼을 클릭 할 수있는 검색 창이 있습니다. 버튼을 클릭하면 AJAX 요청을 서버에 보내고 (Struts Action) DAO 레이어를 사용하여 데이터베이스에 도달하고 검색 결과를 가져옵니다.div에 AJAX 응답을 렌더링하는 가장 좋은 방법은 무엇입니까?

이제이 검색 결과를 클라이언트 측에 다시 보내고 jQuery를 사용하여 <div> 태그로 결과를 렌더링하고 싶습니다. 한 페이지에 10 개의 결과가 포함될 수 있습니다. 사용자가 '다음 페이지'를 클릭하면 다른 10 개의 레코드가 표시됩니다.

이 작업을 수행하는 가장 좋은 방법은 무엇입니까?

출처

2012-02-28 JRR

지금까지 무슨 짓을 한거야? 귀하의 질문에 많은 요구 사항이 있습니다. 어떤 부분을 이미 구현했으며 어떤 부분에 문제가 있습니까? –

지금 코드를 시작하지 않았습니다.하지만 어떤 형식으로 서버에서 클라이언트로 보내야하는지 이해하고 싶습니다 .Json 또는 다른 것? 그리고 클라이언트 측에서 렌더링하는 방법은 무엇입니까? document.getElementById (" resultDiv "). innerHtml =".. "클라이언트 쪽. – JRR

아마도 가장 좋은 방법은 .load() jQuery 메서드를 사용하여 검색 결과를 제공하고 AJAX를 통해 결과 div의 내용을 조작하는 것입니다. 예를 들어 .on 메소드를 사용하여 컨테이너 div 내의 요소를 조작하여 "다음 페이지로 이동"이벤트를 트리거 할 수 있습니다. 이 방법으로 컨테이너 div 만 있으면되며 필요한 모든 서버 측 언어를 사용하여 다른 곳에서 결과 데이터를 자유롭게 작성할 수 있습니다.

출처

2012-02-28 09:37:29 bobighorus

감사 bobighorus! 결과를 클라이언트 측에 보내려면 어떻게해야합니까? JSON을 사용하여 보내야합니까? – JRR

외부 HTML 페이지를 작성한 다음 .load() 메소드를 사용하여로드하는 것이 좋습니다. 그래서 PHP, JSON 등으로이 페이지를 만들 수 있습니다.이 답변이 도움이 되었다면 확인하고 받아주세요 :) – bobighorus

'다음'페이지 기능은 일반적으로 페이지 매김이라고합니다. 모든 프로그래밍 언어에는 Google 전체에서 이에 대한 몇 가지 예가 있습니다. Pagination + 프로그래밍 언어에 대한 빠른 검색 만하면됩니다. 예

나머지는 PHP의 사용은 백엔드 jQuery를하고 Ajax를 이용한

, 우리는 성공 매개 변수의 응답을 처리 요청을 처리하기 위해 가정, 예는 다음과 같이하십시오

$.ajax({ 
    url: 'whatever.php' 
    data: 'mystring='+mystring, 
    success: function(data){ 
    $("#myElement").html(data); 
    } 
});

데이터입니다 whatever.php에 의해 반환 된 모든 정보를 포함하는 객체로 반환됩니다. 그러나 whatever.php 파일에서 결과를 구조화하는 것은 id = "myElement"를 사용하여 데이터가 구조화되고 표시되고 요소에 배치되는 방식입니다.

출처

2012-02-28 09:36:20 Ohgodwhy

내가 아는 한 jquery는 웹 응용 프로그램에서 검색 기능을 개발할 수있는 자동 완성 컨트롤을 제공합니다.

당신은 자세한 내용

감사합니다, 비제이 satlawar에 대한

http://jqueryui.com/demos/autocomplete/

를 방문 할 수 있습니다

출처

2012-09-27 13:39:42

당신이 옳은 동안, 이것은 사용자가 무엇인지에 대해 실제로는 적절하지 않습니다. 질문. – allen213

div에 AJAX 응답을 렌더링하는 가장 좋은 방법은 무엇입니까?

답변

관련 문제