首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js 模拟form表单post提交

场景: 需要提交数据,且数据处理后,会跳转页面。(注:数据提交需要post) 思路1: 1. 参考ajax提交数据,进行处理,处理成功后返回到客户端 2....在客户端跳转页面 思路2: 使用form表格进行post提交 实现方法:需要创建一个form表格,且数据必须在form表格中,用Input表格元素存起来,效果如下: /// form 表单提交...var form2 = document.createElement("form"); form2.id="form2"; form2.method="post"; form2.action....appendChild(total); document.body.appendChild(form2); form2.submit(); //提交 ‍ 注:一定要记得加 document.body.appendChild...(form2); 上面form提交的方法,感觉传数据还是太麻烦了,必须写成form表单的元素,不知道有没有更加简单的方法,求指教

12.2K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    js – form表单提交不刷新

    大家已经发现了, 当我们点击submit提交form表单的时候, 他会刷新一次, 如果不想它刷新的话有下面两种方法: 利用iframe 我们可以利用一个隐藏的iframe来实现, 主要是我们把提交目标放到一个隐藏的...onsubmit事件(用jq的话是submit()), 在submit按钮效果触发之前我们就把数据提交了, 然后我们return false(让submit这次的点击触发事件失效, 否则表单又会提交一次..., 并且刷新页面) 我们可以这样: ====== 如果你用原生js的话 html代码: form id="err_form" onsubmit="return post_data()"> form> js代码: function post_data(){ // ajax数据提交代码 // ........" /> form> js代码: $(document).ready(function() { $('#err_form').submit(function() { //这次我们这么绑定 var

    14.5K10

    web前端之锋利的jQuery八:jQuery插件的使用(表单验证、表单提交)

    /js/jquery.validate.messages_cn.js"> 2.jQuery表单插件——Form: jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易的...:showRequest//提交前的回调函数 ,success:showResponse//提交后的回调函数 ,url:url//默认是form的action,如果申明,则被覆盖...; return false; }); 在options对象里,指定两个回调函数,即beforeSubmit:showRequest和success:showResponse,他们分别会在表单提交前和表单提交后被调用...beforeSubmit-提交前的回调函数 function showRequest(formData,jqForm,options){ var queryString =$.para(formData...在这里,使用$.param()方法把它转化成字符串,得到以下这种格式:name1&address=2 需要注意的是,当表单提交时,Form插件会以Ajax方式自动提交这些数据 第二个参数jqForm

    6.6K50

    ThinkPHP5 对html页面中的url传参操作

    u011415782/article/details/79164995 ◆ 背景 毕竟PHP开发的框架多数都会和前端页面嵌套使用,而不同的框架升级多少都会有所变化,这毕竟是其中的一个知识点吧,在我找不到方法前,...考虑的是隐藏域提交“ID”,然后后台post处理取出此ID,再依次为依据进行后续操作… 框架:ThinkPHP5.1 路由配置举例:【有参数的一种】 Route::any('cms/article.../edit/:id','cms/article/edit'); ◆ 操作 §. html 中嵌入方式 这种情况,一般是 form表单的页面提交形式,直接在属性 "action" 中进行配置,此时可以将参数以数组参数的形式进行添加...§. js 中嵌入方式 这种情况下多数是绑定的点击事件,需要在 当前页面的 js 下配置数组参数 可是使用js提供的替换函数replace(),举例如下 //菜单修改按钮的点击事件 function editNavMenu...(id) { var postData = $(".form-opTodayWords").serialize(); var toUrl = "{:url('cms/todayWord

    2.1K30

    js基础-表单验证和提交

    id:标识标签元素 当提交后,服务器就会得到:username=填的用户名 & password=填的密码 当点击提交后,form数据就会发送。通常提交前要校验数据。比如长度规则等。...所以需要js。     js校验:   方法1:       在from属性后面接着添加onsubmit="return false;"属性.表示不提交。true则相反。这里可以用一个方法替换。...方法又叫做函数,方法由方法名,括号中的参数,大括号中的方法体组成。在js中,方法参数不用声明类型,调用方法的时候,参数按照顺序匹配。...||表示或者,意思是,如果username==null或者username是空字符串,条件1或者条件2为true则都是true 方法2:js控制提交表单 首先,表单元素代码如下: 1 form action...也就是说,验证通过就会提交。 这里说明一下提交的方法,可以用form的id或者name属性表示form这个对象,然后调用submit()方法即可。

    12.5K60

    如何在SpringMVC中使用REST风格的url

    ; } 注意: 1.必须在@RequestMapping注解中添加method=RequestMethod.POST,表明这是一个处理post请求的目标方法 2.post请求的url中不需要写参数...success"; } 注意: 1.必须在@RequestMapping注解中添加method=RequestMethod.PUT,表明这是一个处理put请求的目标方法 2.url中不需要带有参数...{id} 3.如果需要使用@ModelAttribute来进行一些修改前的操作(如:先去数据库查询一个实体,在使用put目标方法),请参考我的另一篇博客《@ModelAttribute注解的使用详解》...delete请求 3.用js实现在点击超链接时,实际上提交的是表单。...但是要注意在js之前,请先引入jquery文件 4)put请求: form action="${pageContext.request.contextPath }/restUrl" method="post

    1.4K50

    Asp.Net Mvc表单提交(批量提交)

    Asp.Net Mvc中Action的参数可以自动接收和反序列化form表单的值, 采用form表单提交     name=value类型,只要Action参数的变量名和input的name相同就行 html...    构造object,object字段和Action参数变量名相同或者和接收参数定义Model类型相同就行 HTML和C#代码如上,js代码改动 var person ={ name = 获取表单的...name值; sex = 获取表单的sex值; 以上介绍的都是单个值提交和一个model提交,理解和使用相对比较简单,对于List类型,很多时候不知所错,当然比较笨的方法,可以用js代码写个循环一个一个提交..." /> form> js代码如下: var postArr = []; var arr = new Array(2); for (var i = 0; i 修改如下: var postArr = []; var arr = new Array(2); for (var i = 0; i < arr.length; i++) { let postData

    3K20

    js实现动态添加具有相同name的input+动态添加的input绑定事件+保存前判断所有name为空阻断提交

    2、提交保存时,多个name相同的表单如何判空并阻断提交。 二、问题界面展示: (1)在这个页面中,第一个form表单,是开始就有了,第二个是点击按钮后动态添加的,它的判断是否为空是无效的。... form> (2)每点击一次按钮会增加一个章节输入框,这种动态添加可以通过使用js的append()方法实现,在idea中,我直接复制上面的...,比如添加的表单,不需要可以点击×号删除,要想实现效果,但不知道怎么做的时候,我们可以自己写点击事件,不用框架的,因为我们无法把握人家的js,这只是本人的一种思路,会的不用理会。...("slow", function() { $(this).remove(); }); }); } 2、至于如何在保存前判断...name相同的表单都不为空 (1)我给提交按钮添加了点击事件save()。

    6K20
    领券