JS提交表单的几种方式

1.一个form多个submit，提交到不同的地址（通过表单name值引用）

<html>
<body><form name="form"> <input type= "submit" value= "百度" onClick= "baidu()"> <input type= "submit" value= "新浪" onClick= "sina()"> </form> <script>
function baidu(){ document.form.method= "get";     document.form.action= "http://baidu.com "; document.form.submit();return   true;
} function sina(){ document.form.method= "get"; document.form.action= "http://sina.com "; document.form.submit(); return   true;
}
</script> </body>
</html>

2.jQuery动态创建form表单提交（和使用form标签一样，会刷新整个页面）

    var action='http://admin/form' //后台地址var form = $("<form></form>")
form.attr('action', action)
form.attr('method', 'post')//获取值
var id = $('#id').val()
var name = $('#name').val()//创建input
var input_id = $("<input type='hidden' name='id'/>")
var input_name = $("<input type='hidden' name='name'/>")//给input赋值input_id.attr('value', id)input_name.attr('value', name)//追加到form中
form.append(input_id)
form.append(input_name)//追加到body，不显示，然后提交
form.appendTo("body")
form.css('display', 'none')
form.submit()

————————————————
版权声明：本文为CSDN博主「takujo」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/takujo/article/details/85448289

JS提交表单的几种方式相关推荐

Js提交表单的两种方法
提交表单一般有两种一种是submit按钮,一种是调用form的submit方法.虽然都是提交表单,但这两种还是有些差别的. 一般来说,提交form表单的时候需要做一些简单的验证,验证完后才能提交,避免 ...
利用JS提交表单的几种方法和验证
工作中发现表单提交方便的问题,很多时候IE下提交好好的,打了火狐下就出现了问题,利用提交按钮就不成功了,于是利用JS的方式就成功了,也不知道为什么.在导师的催促下就总结出以下的几种常用表单提交的方法. ...
CGI提交表单的两种方式POST与GET
Http定义了与服务器交互的不同方法,最基本的方法有4种,分别是GET,POST,PUT,DELETE.URL全称是资源描述符,我们可以这样认为:一个URL地址,它用于描述一个网络上的资源,而HTTP ...
MVC中提交表单的4种方式
一,MVC HtmlHelper方法 Html.BeginForm(actionName,controllerName,method,htmlAttributes){} BeginRouteForm ...
js表单提交 php,JavaScript提交表单的几种方法
在我们工作中我们会经常使用到form表单,相信大家再熟悉不过了,那么提交表单有很多种方法,JavaScript提交表单的方法又是如何呢,今天就带大家介绍下JavaScript提交表单的几种方法! 第一 ...
uni-app.02.提交form表单的两种方式
提交form表单的两种方式 uni-app提交form表单的两种方式 form表单元素较少前端代码举例后端代码举例 form表单元素较多前端代码举例: 后端java代码举例 uni-app提交f ...
提交表单时，post方式无法提交（一种情况）
tomcat6,设置文件上传不限制大小maxPostSize="0" 但是在tomcat7及以后版本,应设置为小于0,如maxPostSize="-1" 否则 ...
网络——提交表单数据（post方式）
[0]README 1) 本文文字描述转自 core java volume 2 , 旨在理解网络--提交表单数据的基础知识 : 2) for source code, please visit ...
mvc ajax提交html标签,Mvc提交表单的四种方法全程详解
Mvc提交表单的四种方法全程详解 2019-01-05 编程之家 https://www.jb51.cc 编程之家收集整理的这篇文章主要介绍了Mvc提交表单的四种方法全程详解,编程之家小编觉得挺不错的 ...

JS提交表单的几种方式

JS提交表单的几种方式相关推荐

最新文章

热门文章