ajaxを使用してポップアップを読み込む

Question

jjpページにはajaxを使用してポップアップを読み込む必要があります。ページの内容は、ユーザーが入力したフォームによって決定されます。

このような何か：

のjavascript：

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

foo.jsp：

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

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

のJava /春：

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

私にとって最も難しい部分がありますフォームデータの送信方法e asily ajaxコールとしてasily。ここでjQueryを使用できますか？フォームは動的に変更されるので、フォームのすべてのフィールドをリストするのは非常に面倒です。

Springs XT（これは決してありません）を使用すると役立ちますか？

Answer 1

はい、あなたは自明データを送信するためのフォームを変換するserializeを使用することができます。

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

あなたはデータを送信するためにgetまたはpostを使用することができます。

私はfaceboxが好きですが、選択肢がたくさんあります。

Answer 2

私はjQueryを知りませんが、試作品のため、これは簡単です：

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

チェックアウトPrototype API docs。

このページでは、jQueryのために同じ情報を持っていますhttp://docs.jquery.com/Ajax

Answer 3

jQuery form plug-inは、簡単にAjaxの一つに、通常の形式を変換することができます。あなただけのコードを一行も必要です

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