Question

我有一个HTML表单。它包含文件输入。

浏览文件后，我想将该文件发送到服务器。

我已经编写了提交表单的代码。＆安培;我正在获取文件和它在服务器上的数据。

我想在提交表单时发送一些数据，这些数据将在服务器上使用。怎么做到这一点？如何从客户端发送数据＆amp;如何在服务器上阅读？

$("#myForm").ajaxForm({ 
    success : function(data) { 
        var localdata = JSON.parse(data); 
    }, 
    dataType : "text" 
}).submit(); 


<form id="myForm" method="post" action="/myformSubmit" enctype="multipart/form-data"> 
    <div class="custom-upload fl"> 
        <input type="file" id="selectFile" name="selectFile">                 
        <div class="fileupload"></div> 
    </div> 
    <div class="fl" style="padding: 1px 0 0 5px;"> 
        <input name="input4" type="button" class="button submit upload" value="Upload" tabindex="100" /> 
    </div> 
</form>

Answer 1

我假设您使用的是jQuery Form Plugin，因此您应该将data属性添加到ajaxForm()来电的选项中。（data属性是，根据插件的文档，包含应与表单一起提交的额外数据的对象。

$("#myForm").ajaxForm({ 
    success : function(data) { 
        var localdata = JSON.parse(data); 
    }, 
    dataType : "text",
    data: { 
        yourParam1: "yourValue1", 
        yourParam2: ...
    }
}).submit();

至于处理服务器上的数据，如果你开始阅读教程，那可能会很好，例如： http://docs.oracle.com/javaee/6/tutorial/doc/bnafd.html（或观看a video tutorial）。提示：数据（表单值+附加数据）是请求参数。

如何使用AJAX表单发送额外数据提交

1 个答案: