0

私は次のフォームを持っています、

<form action="localhost/xyz.aspx" method = "post" enctype="multipart/form-data">
     <input type="text" name="name">
     <input type="text" name="age">
     <input type="text" name="submit">
</form>

AJAX & jQuery私の要件は、html に明示的に追加されたフォーム タグを使用して、または使用せずにアクションを完了することです。

ティア

アップデート1

私が試してみました

function onButtonClicked()
{
    $.ajax({
        type: 'POST',
        url: "xyz.aspx",
        data : {"name" : "john", "age" : "22"},
        crossDomain : true,
        beforeSend: function (x) {
            if (x && x.overrideMimeType) {
                x.overrideMimeType("multipart/form-data");
            }
        },
        success: function(data){
            alert("Success");
        },
        error: function(data){
            alert("on start process error");
        }
    });
}
    
    sample.html
   <html>
       <body>
            <input type="button" onclick = "onButtonClicked()">
       </body>
   </html>

Unsupported Media Type 415 を返します。

ajaxを使ってフォームデータを送信したい

4

1 に答える 1

0

個々の入力を選択し、それらを配列で使用して投稿できます。この方法ではラッパーは必要ありません。

// Click button with ID #submit
$("button#submit").click(function () {
    // Send to submit.php
    $.post("submit.php", {
        // Send these values via POST
        val1: $("#val1").val(), // Get value from input #val1
        val2: $("#val2").val()  // Get value from input #val2
    }, function(result){
        // Output result to #output element
        $('#output').html(result);
    });
});
于 2013-01-10T13:27:27.023 に答える