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

Create a Form element using javascript and submit it without redirecting/refreshing

本文关键字：重定向 刷新 提交 情况下 创建 javascript Form 元素 使用      更新时间：2023-09-26

我在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提交表单的情况下，将此表单复制到新表单中并提交吗？

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，请在这里阅读。

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

  • JavaScript教程
  • jQuery文档
相关文章：