【不使用Ajax，如何实现表单提交不刷新页面】的更多相关文章

不使用Ajax，如何实现表单提交不刷新页面

不使用Ajax,如何实现表单提交不刷新页面? 目前,我想到的是使用<iframe>,如果有其他的方式,后续再补. 举个栗子: 在表单上传文件的时候必须设置enctype="multipart/form-data"表示表单既有文本数据,又有文件等二进制数据.但是使用用Ajax没有enctype="multipart/form-data",所以不能直接上传文件,所以采用FormData对象包含数据上传. 这里我们不使用Ajax,直接提交表单,添加一个隐藏得i…

防止表单提交时刷新页面-阻止form表单的默认提交行为

最近在写 ajax 提交的时候遇到一个问题,在执行 ajax 提交之后,浏览器页面自动刷新了,主要是没有 由于form 表单的默认提交行为.一下是几种阻止 form 表单默认提交行为的方式. 1.使用button 按钮提交表单的时候,要设置type="button" button在浏览器中默认的类型为submit: 2.使用input 代替button ,设置type="button" 3.event.preventDefault(); 在提交事件绑定的方法的最后…

form表单提交不刷新页面的方法

方法1:给form表单加onsubmit事件,值为return false; <form action="" method="post"  onsubmit="return false"> <button type="submit" class="btn btn-primary">提交</button> </form> 方法2:在FORM表单后添加一个ifra…

ajax的序列化表单提交

通过传统的 form 表单提交的方式上传文件 ? 1 2 3 4 <form id="uploadForm" action="" method="post" enctype="multipart/form-data">    <p>上传文件:<input type ="file" name="file"/></p>    <input…

layer,Jquery,validate实现表单验证，刷新页面，关闭子页面

1.表单验证 //获取父层 var index = parent.layer.getFrameIndex(window.name); //刷新父层 parent.location.reload(); //关闭弹出层 parent.layer.close(index); HTML代码; <form class="form form-horizontal" id="form-article-add" action="projectManagerVo/ha…

vue + element ui 阻止表单输入框回车刷新页面

问题 在 vue+element ui 中只有一个输入框(el-input)的情况下,回车会提交表单. 解决方案 在 el-form 上加上 @submit.native.prevent 这个则会阻止表单回车提交. 测试 下面的代码出现表单回车提交 <body> <div id="app"> <el-form ref="form" :model="form" label-width="80px"&…

Ajax模拟Form表单提交，含多种数据上传

---恢复内容开始--- Ajax提交表单.使用FormData提交表单数据和上传的文件(这里的后台使用C#获取,你可以使用Java一样获取) 有时候前台的数据提交到后台,不想使用form表单上传,希望通过Ajax上传,那么怎么实现呢? 前台页面: <div> <table id="outputInfo"> <tr><td>Client</td><td><input id='ClientName' type=…

form表单提交数据，页面必定会刷新，ajax提交数据不会刷新，做到悄悄提交,多选删除，ajax提交实例

很多页面用到的模态对话框,如知明网站https://dig.chouti.com/的登录页都是模态对话框, 当点登录时,是用的ajax提交,因为输入错了信息,有返回消息,而页面没有刷新. jquery ajax格式: $.ajax({ 'url':'/orm', 'type':'post', 'data':{'id':1,'name':'hhh'}, success:function (data) { alert(data); }})url是提交到那个地址 type是提交方法 data是要提交的…

关于AJAX与form表单提交数据的格式

一 form表单传输文件的格式: 只有三种: multipart/form-data 一般用于传输文件,图片文件或者其他的. 那么其中我们默认的是application/x-www-form-urlencoded  用于传输字符串. text/plain是我们几乎不用的. 二  AJAX各种格式都可以:通过AJAX传输数据我们可以传输各种数据,那么只需要我们在服务端对数据进行相应的解析. 三:那么我们在服务端取到数据,body中是我们发送的文件的bytes类型,所以所有的数据都能取到. requ…

AJAX 实现form表单提交

1.使用Ajax实现异步操作,点击登录按钮后,即触发form表单的提交事件,数据传输至后端 JSP: <script type="text/javascript" src="resources/js/jquery.js"></script> <script type="text/javascript" src="resources/js/login.js"></script> &…