iFrame内のFancybox Ajax機能を使用したフォームの送信 - jquery、ajax、fancybox

私はFancyboxを使用してiFrame内に登録フォームを表示したいと思います。その後、ユーザーは自分の詳細を入力します。

詳細はJquery / Fancybox内のajaxメカニズムと同じFancybox iframe内に表示される値を使用して処理する必要があります。

どのようにこれを実行することができます、私は一日中頭を悩ませています、そして私はImがどこでうまくいかないのかわかりません。

以下は私のコードです

$("a.interested").fancybox({
"width": 400,
"height": 400,
"enableEscapeButton" : false,
"overlayShow" : true,
"overlayOpacity" : 0,
"hideOnOverlayClick" : false,
"type": "iframe",
ajax: {
type     : "POST",
cache    : false,
url      : "/components/profile/buyer/regbuyer1.php",
success: function(data) {
$.fancybox(data);
}
}
});

いくつかのコード例は本当に役に立ちます。

Thanx

回答：

そのアイデアは、あなたがfancyboxでiframeを開き、そのiframe内でiframe内のすべてのリクエストがそのiframe内にとどまるので通常の投稿を使用するというものです。

だからあなたのコードでしなければならないのはこれだけです：

$("a.interested").fancybox({
"width": 400,
"height": 400,
"enableEscapeButton" : false,
"overlayShow" : true,
"overlayOpacity" : 0,
"hideOnOverlayClick" : false,
"type": "iframe",
"href": "/components/profile/buyer/regbuyer1.php" //or any other url that contains the contents of that iframe
});

$("a.interested").click(function(){

$.ajax: {
type     : "POST",
cache    : false,
url      : "/components/profile/buyer/regbuyer1.php",
success: function(data) {
$.fancybox({
"width": 400,
"height": 400,
"enableEscapeButton" : false,
"overlayShow" : true,
"overlayOpacity" : 0,
"hideOnOverlayClick" : false,
"content" : data
});
}
}
});

から http://fancybox.net/blog

私はfancyboxのajaxオプションはデータをロードするためのものであり、データを送信するためのものではないと思います。あなたはフォームのためにあなた自身のajax投稿を結び付ける必要があるでしょう。 fancyboxサイトに素晴らしい例があります（http://fancybox.net/blog例5）私はこれがまさにあなたが望むものだと思います。