通過JQuery AJAX / javascript發送表單數據

Question

我有這樣的表格；

<form action="out.php" method="post">
    <input type="hidden" name="a" value="a" />
    <input type="hidden" name="b" value="b" />
    <input type="hidden" name="c" value="c" />
    <input type="hidden" name="d" value="d" />
    <input type="hidden" name="e"  maxlength="60" value="e" />
    <input type="hidden" name="f" value="f" />
    <input type="submit" value="Create & Send">
</form>

用戶看不到此表格。 他們只是看到一個提交按鈕，例如“創建標簽並發送給客戶”。 但是他們需要輸入客戶的電子郵件地址。 所以我有一個js代碼，提交按鈕觸發了它。 然后詢問電子郵件地址。 JS代碼：

$('#dialog_prompt').click(function(){
    $.prompt("What is customer's email?","",
    function(value){
        $.msg("So, you like '"+value+"'?");
    },
    function(){
        $.msg("You clicked cancel!");
    });
});

所以我的問題是； 當用戶提交按鈕並輸入客戶的電子郵件並單擊確定時，JS必須將表單和電子郵件地址中的值發送到“ out.php”。

那么如何通過JS發送表單數據？

Answer 1

HTML：

<form action="out.php" method="post">
<input type="hidden" name="em" value="" class="customeremail" />
<input type="hidden" name="a" value="a" />
<input type="hidden" name="b" value="b" />
<input type="hidden" name="c" value="c" />
<input type="hidden" name="d" value="d" />
<input type="hidden" name="e"  maxlength="60" value="e" />
<input type="hidden" name="f" value="f" />
<input type="submit" value="Create & Send">
</form>

JS：

$('#dialog_prompt').click(function(){
    $.prompt("What is customer's email?","",
    function(value){
        $('form .customeremail').val(value);
        $('form').ajaxSubmit();
    },
    function(){
        $.msg("You clicked cancel!");
    });
});

Answer 2

您可以使用AJAX發送詳細信息。

$('#dialog_prompt').click(function(){
                $.prompt("What is customer's email?","",
                function(value){        
                    $.msg("So, you like '"+value+"'?");

                    $.ajax({
                    url: "out.php",   // url to which details are send
                    type: 'POST',
                    data: $('form').serialize(),   // pass form details
                    } ).done (function(data) {      // on success

                  });

                },
                function(){
                    $.msg("You clicked cancel!");
                });
            });

現在，您可以使用$_POST訪問out.php頁面中通過AJAX傳遞的值。

注意： serialize()方法通過序列化表單值來創建URL編碼的文本字符串。