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

时间:2012-08-04 20:02:10

标签: javascript jquery html ajax

我在LightBox中使用Form,其中包含一些输入元素。

<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了解表单提交的情况下提交表单吗?

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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,read about it here.