javascript - 使用 javascript 创建一个 Form 元素并在不重定向/刷新的情况下提交它

Question

我在包含一些输入元素的灯箱中使用表单。

<form name="imageUploadForm" action="uploadImage.do" method="post" enctype="multipart/form-data">
<input type="text"  id="id" name="id" style="display: none;" value="">
<div id="fileUploaderDiv">
     <input type='file' name="file0" id ="file0"  />
</div>
<button onclick="javascript:ImageUploader.attachImage();">Upload</button>
</form>

谁能告诉我如何将这个表单复制到新的表单中并在不重定向用户或不知道他使用 javascript 或 jquery 提交表单的情况下提交它？

Answer 1

为了将数据发送到服务器（通过提交表单或其他方式），可以使用 AJAX。不需要通知用户（但我建议以某种方式让用户知道）。

• JavaScript 教程
• jQuery 文档

Answer 2

http://api.jquery.com/serialize/

$('#yourbutton_notintheexample_you_provided').click(function(){ 
    var myForm = $('form[name=imageUploadForm]')
    var data = myForm.serialize();
    $.ajax({
       url: myForm.attr('action'),
       type: myForm.attr('method'),
       data: data, 
       success: function(){
           window.alert("write your form handling code here")
        }
    });
});

或类似的东西。

在原型中，有一个方便的方法，称为 Form.request，请在此处阅读。