在JS中模拟表单的post提交，进行页面的跳转

最新推荐文章于 2025-06-11 21:11:49 发布

爱玲姐姐

最新推荐文章于 2025-06-11 21:11:49 发布

阅读量9k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： JavaScript 前端开发文章标签：模拟表单 post方式传参

本文链接：https://blog.youkuaiyun.com/jal517486222/article/details/83147761

本文介绍如何在JavaScript中封装一个Post函数，用于模拟表单的POST提交方式，将参数传递到指定URL，并实现页面的跳转。通过提供的代码示例，您可以根据项目需求进行调整，如有疑问可联系作者进行交流。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

封装为Post(URL, PARAMTERS) 函数：

以下代码可以参考思路，根据自己的项目做相应调整即可，如果无法在您的程序上顺利运行可以联系我QQ与我交流探讨：5177486222

 /*
*功能： 模拟form表单的提交
*参数： URL 跳转地址 PARAMTERS 参数
*/
     function Post(URL, PARAMTERS) {
   
   
         //创建form表单
         var temp_form = document.createElement("form")

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

爱玲姐姐

关注关注

4
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

PHP实现post跳转(附完整源码)

希望我的博客，能帮上你解决学习中工作中所遇到的问题

05-19

173

PHP实现post跳转(附完整源码)

js，模拟表单提交

08-02

再有一些时候我们不得不[removed] = url带参进行一些数据的传递，这时我们又不想将参数就这样放在链接中时，就可以用到这个js。

参与评论您还未登录，请先登录后发表或查看评论

js/ajax提交请求成功后跳转到另一个页面

菜鸟逆袭之路

11-27

9159

实际场景：在弹窗中输入数据提交后，需要跳转到另一个页面展示（不是父页面） parent.location.href = 'url'; Dialog.closeSelf(); js/ajax提交成功后采用以下方式跳转： 1、本页面跳转:"window.location.href"、"location.href" 2、上一层页面跳转:"parent.location.href" 3、最外层的...

JavaScript 表单

最新发布

likuoelie的博客

06-11

786

在 Web 开发中，表单（forms）是用于收集用户输入的 HTML 元素。表单可以包含文本框、单选按钮、复选框、下拉列表等，允许用户输入数据并发送到服务器或在客户端处理。JavaScript 可用于处理表单提交、验证输入数据以及动态修改表单行为。表单（forms）是 HTML 提供的一种机制，用于收集用户输入数据，通常通过<form>元素实现。JavaScript 通过 DOM 操作和事件处理与表单交互，常见任务包括验证输入、处理提交和动态修改表单结构。根据MDN - Web 表单构建块。

JS数据提交和页面跳转

xhx_2010的专栏

03-03

181

1）关于js中"window.location.href"、"location.href"、"parent.location.href"、"top.location.href"的用法 "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.locat

原生Js通过form表单提交后的跳转问题

baidu_41604826的博客

03-10

1539

//把form的target设置为iframe的name值即可 <form target = "rfFrame"> </form> <iframe src="" frameborder="0" style="display:none;" name="rfFrame"></iframe> 关于提交后的数据获取，后台表示可以处理。

解决js中post提交数据并且跳转到指定页面的问题总结

weixin_34211761的博客

08-12

1238

今天在开发中过程中遇到了这个问题，js中利用JQuery中的 $.post("url", id, function(){}); 这个方法是数据提交正常，但是后台处理完成之后跳转无法成功。经过分析，后台只是将要跳转的页面的html发回了前台，也就是说前台与后台利用JQuery的post方法只能发生数据的交互，并不能实现页面的跳转。所以，这就导致无法正常跳转。　　　　解决方案：　　　　　...

vue 解决form表单提交但不跳转页面的问题

10-16

在Vue.js框架中，表单提交是一个常见的交互行为，但默认情况下，HTML的`<form>`元素在提交时会向其`action`属性指定的URL发送数据并导致页面重载或跳转。在某些场景下，如AJAX提交或者希望在当前页面处理提交的数据...

Ajax post请求跳转页面

10-20

在某些场景下，我们需要在发送Ajax POST请求后根据服务器返回的结果进行页面跳转，但又希望避免在URL中暴露请求的参数，以确保数据的安全性。本文将详细介绍如何实现Ajax POST请求后安全地跳转页面。首先，传统的...

js模拟form表单提交Http请求，并实现跳转到新窗口打开页面并获取传的参数

11-13

在JavaScript中，你可以使用`fetch` API 或者 `axios` 等库来模拟表单提交HTTP请求。这里以`fetch`为例来说明： ```javascript // 模拟表单数据 const formData = { key1: 'value1', key2: 'value2' }; // 使用...

js模拟form表单提交Http请求，并实现跳转到新窗口打开页面

美奇软件开发工作室

01-06

7226

导读：一些特殊的应用场景，需要在jquery里实现对后端的访问请求，同时在新窗口中打开页面。一般情况下我们在jquery里请求后端业务都是用会ajax，但ajax是会返回数据的，并且不会打开新页面窗口，所以ajax并不符合我们的场景需求。因此我们需要用另一种方式，也就是模拟form表单，实现post提交，并打开新窗口。代码如下： /** *模拟form表单，实现post提交，并打开新窗口 * url：请求链接 * postData：json格式的post参数 */ function po

javascript-＜from＞表单提交之后,页面同步跳转

cxu123321的博客

09-02

1702

function uploadExcel(){ $("#questionTypesManage").submit(); //表单提交, 页面同步跳转 window.location.reload(); //不会执行 } 可以使用ajax

表单提交事件跳转问题解析

SuperFivern的博客

01-02

2467

所以，在表单的提交事件如果想要通过location.href去跳转的话，需要阻止表单的默认行为！其实对比第一和第三段代码不难发现，后者能够跳转的原因就是因为在事件处理函数里面阻止了表单的默认行为，这样原本指定的location.href就能够正常运行。问题描述：在表单的提交事件里面，使用location.href属性无法去跳转到指定页面的问题？而我们这样的代码（如下）就可以跳转到指定的页面上去。这样的代码相信大家应该是能知道可以跳转的。这样的代码页面也是可以跳转去指定页面的。

html js post提交表单提交表单,JavaScript Post提交数据并跳转到页面（模拟Form表单提交）...

weixin_32563411的博客

06-18

1209

function GotoWatchTicketCode() {var orderID='@ViewBag.OrderInfo.OrderID';var phoneNum='@ViewBag.OrderInfo.CustomerPhone';var codes = @Html.Raw(Json.Encode(ViewBag.OrderInfo.TicketCodes));var pra = new...

JS Form表单提交文件后，自定义跳转或提示

春盏

08-18

5678

form表单提交后，自定义页面跳转或者提示内容 js请求代码和html代码是我在网上找的，但是后来想再去寻找时，已经找不见了。所以写此博客来记录。不会解释，一切看代码。《HTML》代码： target="rfFrame"> name="file" /> form设置target属性，引用的是下方的id，具体什么原因，我也不清楚。若上

JavaScript模拟Form提交

meiqiu_ND的博客

06-12

472

在一个系统跳转到另外一个系统中时，可以用WAS的全局安全性，也可以用共享session做单点登陆，这次接触到了js模拟form提交的方式。 function loginOAForm(url) { var ifloginId = $('#ifloginId').val(); if (!ifloginId) { // 提示先登录本地 retur...

如何实现在提交表单之后跳转到指定页面

qq_40229790的博客

08-14

6557

function check(){ ... document.formname.submit(); window.location.href="URL" //如何使该句能够执行，或者怎样写是正确的？ } ... <form name="formname" action="fun.js" method="post"> ... <input type=button value=submit onclick="check()"> ... </form> ... ...

四五、使用form表单提交,post请求提交参数，跳转页面。