php - jqueryでフォームアクションを使用してphpに移動する

Question

アクションを HTML フォームで使用して、フォームからすべてのデータを送信するにはどうすればよいですか

試してみました$("#formupload").attr('action')がうまくいかないようです

これが私のコードです：

$(".clickupload").click(function () {
        $("#dialog-form").dialog("open");
    });
    $("#dialog-form").dialog({
        autoOpen: false,
        closeOnEscape: true,
        title: "Upload Picture",
        width: 400,
        height: 300,
        modal: true,
        buttons: {
            Cancel: function () {
                $(this).dialog("close");
            },
            Upload: function () {
                $(document).ready(function () {

                    $("#formupload").attr('action');
                });

    }

        }
    });



<div id="dialog-form">
<form id="formupload" action="ProfileImages/FileUpload.php" method="POST" enctype="multipart/form-data">
<input  type="file" name="uploadProfilePicture"/>
</form>
</div>

Answer 1

最終的にということ$("#formupload").sumbit();ですか？あなたがしているのは、属性を読み取ってから何もしないということですか?

Answer 2

bweobi が言ったこと、そして最終的にすべての jQuery 初期化のものをドキュメントに配置して、要素にイベント ハンドラーを追加する前に、ドキュメントがすべて初期化されていることを確認します。

(function($) { // Allows you to create variables locally so
               // there are no conflict with other stuffs.

    $(document).ready(function() {

        // You can name jQuery variables with a dollar so you can easily make
        // the difference betwen jQuery and non-jquery objects.
        $dialogForm = $('#dialog-form'); // Half queries, double speed.

        $(".clickupload").click(function () {
            $dialogForm.dialog("open");
        });

        $dialogForm..dialog({
            autoOpen:      false,
            closeOnEscape: true,
            title:         "Upload Picture",
            width:         400,
            height:        300,
            modal:         true,
            buttons: {
                Cancel: function () {
                    $(this).dialog("close");
                },
                Upload: function () {
                    $("#formupload").submit();
                }
            }
        });

    });

})(jQuery); // Alows you not to use $ in global scope in case
            // you use multiple libraries that use the $.

Answer 3

簡単に試す$("#formupload").submit()