java - 在 jQuery 对话框中重新加载 Spring MVC 响应页面

Question

我正在尝试将带有 jQ​​uery 的表单提交到 Spring MVC 控制器方法，并将响应页面加载到对话框的 div 标记中。

对话框中的 jquery

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

形式

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

控制器方法

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

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

问题是响应页面显示为新页面，而不是在对话框中。有没有办法在对话框中加载它。

注意：响应页面 (/select) 恰好与对话框中当前加载的页面相同。这意味着我想用相同的页面重新加载对话框的内容，除了列表不同。

谢谢

Answer 1

您没有load正确使用 JQuery（而且它不是您想要做的正确方法）。$.load()接受一个 URL，你提供了一个 dom 元素。

网上有很多“jquery ajax form submit”的例子。

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