首页
学习
活动
专区
工具
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
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【HTML】HTML 表单 ⑤ ( form 表单 )

    文章目录 一、form 表单 1、form 表单作用 2、form 表单语法 3、form 表单 Get 请求 4、form 表单 Post 请求 一、form 表单 ---- 1、form...表单作用 从 input 表单 , textarea 文本 , select 下拉菜单 中收集了用户信息 , 需要通过 form 表单 发送给 服务器端 ; 2、form 表单语法 form...表单 语法 : 在 form 表单 中 , 要注明 服务器地址 , 提交方式 , 表单名称 ; 若干 HTML 组件 与 表单控件 action 属性 : 设置 接收 表单数据 的 服务器 URL 地址 , 值是一个 URL 字符串地址 ; method 属性 : 表单提交方式...username=hanshuliang&password=123456 地址 , 4、form 表单 Post 请求 上述 使用 get 请求并不安全 , 提交的信息 , 包括密码 , 直接明文显示在了链接上

    4K10

    form表单如何提交数据(表单提交请求默认方式)

    Form表单提交数据的几种方式 一、submit提交form标签中添加Action(提交的地址)和method(post),且有一个submit按钮()就可以进行数据的提交...这种默认的提交方式,一般会进行页面的跳转(不成功时跳转到当前页面)。而有时候我们是对弹出框进行数据提交的,希望提交成功则关闭弹出框并刷选父页面,失败则提示失败原因,且弹出框不关闭。...二、Ajax提交form表单 $(‘#documentForm’).submitForm({ url: “/Document/SubmitDocumentCreate”,...$(‘#ff’).form(‘submit’, { url:…, onSubmit: function(){ //进行表单验证 //如果返回false阻止提交 }, success:function...(data){ alert(data) } }); 四、form表单提交附件 需要设定form的enctype=”multipart/form-data”并且添加<input type=’file

    5.2K10

    iframe应用 - 使用iframe提交表单数据

    之前我们提到了iframe,今天我们在原有的基础之上进行“实例”的讲解。通过iframe实现表单数据的提交。...如果想了解iframe,可以发送“iframe”到“HTML5学堂”公众号。 为何提交数据还要?...在使用iframe之前,可能你的脑海中就出现了这样一个问题:为何提交表单数据还需要呢?...文件 3 定义动态创建iframe标签的功能函数 4 获取表单数据并序列化、加密处理 5 通过AJAX发送请求,完成 代码书写位置 我们依旧在A当中进行代码书写 第一步 A域中的结构代码 第二步 引入需要依赖的JS文件 在开发层面来说,我们此处使用jQuery框架,另外由于需要进行密码加密

    5.3K50
    领券