使用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
);

查看Prototype API文檔 。

該頁面包含與jQuery相同的信息： http ： //docs.jquery.com/Ajax