java - 使用 ajax 加载弹出窗口

Question

我有一个jsp 页面，它应该使用ajax 加载一个弹出窗口。页面内容由用户填写的表格决定。

像这样的东西：

javascript:

ajax('getPage.action', 'content_id', 'form_id');

foo.jsp：

<div id="content_id"></div>

<form id="form_id">
 ...
</form>

爪哇/弹簧：

@RequestMapping("getPage.action")
MyController extends AbstractCommandController {
  RealDto dto = (RealDto)command;
  ...
  return new ModelAndView("foo", data);
}

对我来说最困难的部分是如何以 ajax 调用的形式轻松发送表单数据。我可以在这里使用 jQuery 吗？表单是动态变化的，所以列出表单的所有字段会很麻烦。

使用 Springs XT（我从来没有）会有帮助吗？

Answer 1

jQuery 表单插件可以帮助您轻松地将常规表单转换为 Ajax 表单。您只需要一行代码：

$("#myform").ajaxForm(
   {beforeSubmit: validate, success: showPopup} );

Answer 2

是的，您可以使用序列化来简单地转换表单以发送数据。

$("#form1").submit(function() {
    $.get("/desiredURL", $("#form1").serialize(), function(response) {
        // send response data to a popup
    }
}

您可以使用get或post发送数据。

对于弹出窗口，我喜欢facebox，但有很多选择。

Answer 3

我不了解 jQuery，但对于原型，这很容易：

new Ajax.Request('getPage.action', {
    parameters: $('form_id').serialize(true),
    onSuccess: someMethod
);

查看原型 API 文档。

此页面具有与 jQuery 相同的信息：http: //docs.jquery.com/Ajax