使用jQuery Ajax的multipart / form-data

Question

我有以下表格，

<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中显式添加表单标签。

TIA

更新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>

它返回不支持的媒体类型415。

我想使用ajax发送表单数据

Answer 1

您可以选择单个输入，并在数组中使用它们进行发布。 这种方式不需要包装器：

// 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);
    });
});

使用jQuery Ajax的multipart / form-data

问题描述

更新1

1 个解决方案

解决方案1
0 2013-01-10 13:27:27

使用jQuery Ajax的multipart / form-data

问题描述

更新1

1 个解决方案

解决方案1 0 2013-01-10 13:27:27

解决方案1
0 2013-01-10 13:27:27