2012-04-05 2 views
0

jQuery를 사용하여 폼을 Spring MVC 컨트롤러 메소드에 제출하고 대화 상자의 div 태그에 응답 페이지를로드하려고합니다. 대화jQuery에서 Spring MVC 응답 페이지 재로드

$("#findbtn").click(function() { 
    $("#content").load($("#searchform").submit()); 
}); 

변신

JQuery와

<form id="searchform" method="POST" action="/select"> 
       <input type="text" id="csearch" name="csearch" /><input 
        type="button" id="findbtn" /> 
    </form> 

Controllermethod

@RequestMapping(value = "select", method = RequestMethod.POST) 
public String getSelection(Model model, @RequestParam("csearch") String find) { 

    model.addAttribute("list", list); 
    return "/select"; 
} 

문제가없는 응답 페이지는 새로운 페이지로 도시되어있다 t를 선택하십시오. 대화 상자에로드 할 수있는 방법이 있습니까?

참고 : 응답 페이지 (/ select)는 대화 상자에서 현재로드 된 페이지와 동일한 페이지입니다. 즉, 목록이 다른 경우를 제외하고 같은 페이지로 대화 상자의 내용을 다시로드하려고합니다.

감사

+0

어떤 대화를 사용하고 있습니까? Jquery UI 대화 상자? – MarkOfHall

답변

2

당신은 (당신이 원하는 무엇을하고하지 않을 권리 방법) 제대로 JQuery와 load을 사용하고 있지 않습니다. $.load()은 URL을 취하고 dom 요소를 제공합니다.

웹상에 "jquery ajax form submit"의 많은 사례가 있습니다.

$.ajax({type:'POST', url: '/select', data:$('#searchform').serialize(), success: function(response) { 
    $('#content').html(response); 
}}); 
관련 문제