jquery - カラーボックスのポストバックにデータを表示する

Question

まず見てくれてありがとう。最初に、私は Javascript が本当に苦手であると述べさせてください。できる限りお役に立てるように努めます。2 つの ASP.NET フォームがあります。1にボタンが付いています。2 つ目は、送信するためのボタンが付いたフォームです。インライン隠し div を使用していません。2013 年 3 月 20 日現在の最新バージョンである Colorbox を使用しています。VS 2012 4.5 を使用しています。Jクエリ1.9。フォーム 1 からフォーム 2 を起動したいと思います... ユーザーに情報を入力してもらい、送信ボタンをクリックして、送信されたのと同じカラーボックスに表示し、X でカラーボックスを閉じることができるようにします。私がいる場所はおおよそです。私はこれを何度も変更したので、ちょっと迷っています。この問題のほとんどは、私が見つけたコードによるものです。

Form 1 から Form 2 を起動 (期待どおりに動作)

$(".nameofbuttonclassform1").colorbox({ transition: "fade", width: "800", height: "680", overlayClose: false, href: "Form2.aspx" });

フォーム 2 のボタンをクリックすると、カラーボックスにフォーム 1 が表示され、サーバー側の作業を行うためにポストバックが強制終了されます。必要に応じて機能しません。私はこれの多くのバリエーションを試したので、他の何よりも近いのでこれをプラグインしています.

        $('#Form2Submitbutton').click(function(e){

            e.preventDefault();

            var url = $(this).attr('href');

            $.ajax({
                type: 'GET',
                url: url,
                dataType: 'html',
                cache: true,
                beforeSend: function () {
                    $('#cboxLoadedContent').empty();
                    $('#cboxLoadingGraphic').show();
                },
                complete: function () {
                    $('#cboxLoadingGraphic').hide();
                },
                success: function (data) {
                    $('#cboxLoadedContent').append(data);
                }
            });






        });

だから私は完全に立ち往生しています。アイデアがあるとすれば、それは私のアイデアよりも優れている必要があります。