JS使用POST方式跳转HTML页面

最新推荐文章于 2022-07-27 15:54:13 发布

培根芝士

最新推荐文章于 2022-07-27 15:54:13 发布

阅读量3.8k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： HTML5 文章标签： javascript html 前端

本文链接：https://blog.youkuaiyun.com/watson2017/article/details/125912800

HTML5 专栏收录该内容

4 篇文章

订阅专栏

没有检索到摘要

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

模拟FORM表单来提交POST请求

JS方法：

<script>
    function JumpPost(){
        var data = {"name":"tony","userId":"123456","type":"1"}
        jspost("http://127.0.0.1:8080/hello",data);
    }
    function jspost(URL, PARAMS) {
        var temp = document.createElement("form");
        temp.action = URL;
		temp.method = "post";
        //如需新打开窗口 form 的target属性要设置为'_blank'
        //temp.target = "_blank";
		temp.style.display = "none";
		for (var x in PARAMS) {
			var opt = document.createElement("textarea");
			opt.name = x;
			opt.value = PARAMS[x];
			temp.appendChild(opt);
		}
		document.body.appendChild(temp);
        temp.submit();
        return temp;
    }
</script>

HTML：

<body>
	<script language="javascript"> JumpPost() </script>
</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

培根芝士

关注关注

2
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

在Js页面通过POST传递参数跳转到新页面详解

12-02

场景最近在工作中遇到一个需求，有个页面 a.vm，对 ajax 请求的结果进行判断后，获取结果里面的数据传递给一个 URL（b.htm），跳转到新的页面 b.htm。遇到的问题因为一开始是 GET 请求，所以当传递的数据过大的时候，会报错 nginx 414 request-uri too long 客户端请求头缓冲区大小，如果请求头总长度大于小于128k，则使用此缓冲区 client_header_buffer_size 128k; 请求头总长度大于128k时使用 large_client_header_buffers 设置的缓存区 large_client_header_

js 通过 post 方式进行页面跳转

呵呵喝何何

02-27

3405

1， html 页面 <button type="button" class="layui-btn" id="download" onclick="doPost('../../layer/download')" >下载</button> 2， js 代码 function doPost(URL) { PARAMS = {'fileNa

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

js 实现post跳转页面

binghuozhi的博客

10-29

6874

在项目中遇得使用get请求页面是，url有字节大小的限制，无奈只能采用post的方式进行参数的传值并跳转页面。实现思路：使用form表单进行提高，并在后台处理一下参数，进行下一个页面的跳转。 /* *功能：模拟form表单的提交 *参数： url 跳转地址 params 参数 */ function Post(url, params) { var form = $("...

js 进行post方式页面跳转

dream_188810的博客

10-18

1万+

问题：当用get方式提交页面时对页面传输的数据过多而报错要求： 1.页面是跳转到另一个页面 2.传输的字段有一个content。导致数据字段过大 3.必须是js方式。html代码是不是form表单解决思路： 1.form表单可以使用post方式跳转页面。用js 拼接成form表单，然后自动提交 $.StandardPost(url,{'

js post方式跳转页面

qq_22049773的博客

03-25

843

js函数 /* * url:跳转链接 * method:跳转方式 * params:传递参数 {name:"test" ,age:"123"}] * */ function goToUrl(url,method,params){ // 创建form元素 var temp_form = document...

JS POST提交并跳转页面

Denny辉的博客

06-20

5804

function ShowPage_Click(token, time) { var parames = new Array(); parames.push({ name: "Token", value: token }); parames.push({ name: "Time", value: time }); openPostWind

layui使用form表单实现post请求页面跳转的方法

10-16

本文将详细介绍如何使用layui的form表单实现POST请求并进行页面跳转，以确保数据安全且避免信息泄露。通常，通过`window.location.href`的方式添加参数进行页面跳转会将数据暴露在URL中，这可能带来安全风险。为了...

JS实现使用POST方式发送请求

12-03

在JavaScript中，我们通常使用`window.location.href`来实现页面的跳转，这是一种基于GET方法的请求方式。GET请求的特点是简单直接，但其缺点在于，如果传递的参数较多或者包含敏感信息，这些数据会清晰地显示在URL...

静态页面html中跳转传值的JS处理技巧

10-22

在静态页面HTML中实现页面跳转的同时传递参数，是一种常见的Web开发需求。...通过本文的介绍和示例，相信读者能够对在静态HTML页面中使用JavaScript进行参数跳转和传递有更深刻的理解，并能够在实际开发中灵活运用。

Ajax post请求跳转页面

10-20

总之，Ajax POST请求跳转页面时，为了保护数据安全，可以使用HTML表单配合JavaScript来实现隐式的数据提交和页面跳转。同时，服务器端的处理逻辑也应相应调整，以确保业务流程的正确性和安全性。这有助于提升用户...

js以post方式打开新页面

03-23

js以post方式打开新页面

PostHTML是一个用JS插件转换HTMLXML的工具

08-10

PostHTML是一个用JS插件转换HTML / XML的工具

js使用post 方式打开新窗口

10-24

主要介绍了js使用post 方式打开新窗口的相关资料,需要的朋友可以参考下

html页面跳转传递参数问题

09-28

另外，对于敏感信息，应考虑使用POST请求或其他更安全的方式，如Cookie、LocalStorage或SessionStorage，但这超出了HTML页面直接跳转的范畴。总的来说，HTML页面间的参数传递通常依赖于URL查询字符串，这适用于...

Post请求跳转页面

zhangxiaojun211的博客

01-29

3389

现在的需求: 用JavaScript 控制POST的数据内容并跳转到B页面,类似ExtJS的standardSubmit功能需求决定我们不能在页面上使用form来提交数据.因为提交的数据是页面上几个Div的全部HTML内容(实际上是富文本编辑器).使用jQuery的.html()方法取得这些HTML内容. 现在想到的思路是使用jQuery 在内存中建立一个form对象,然后调用这个对象的s...

post请求跳转页面

热门推荐

lixu_csdn的博客

06-27

1万+

1.系统是ssm框架，前台传递js数组之后再返回当前页刷新数据，使用window.href不合适太长的参数，普通的jQuery post请求又不会跳转页面，所以从网上大佬看的解决方案是设置表单post方式提交 function createDocument1(obj) { $.ajax({ url: "xxx1.do",// ...

js跳转页面参数过长用post请求跳转页面

weixin_44903107的博客

07-27

806

js用post请求跳转页面

通过Post方式从A页面跳转到B页面并在B页面接收参数

u011265702的博客

04-10

2374

做的一个功能是在A页面导入excel文件，导入成功后跳转到B页面，并在B页面显示导入的数据 A页面： var url ="AInfo.aspx"; var params = { "参数名称": response.d}; Post1(url, params); function Post1(url, params) { // 创建form元素 var temp_form = document.createElement("form"); // 设

使用post请求跳转页面

07-14

使用 POST 请求进行页面跳转是不常见的做法，因为 POST 请求通常用于提交表单或发送数据到服务器，而不是用于直接跳转页面。一般情况下，页面跳转更适合使用 GET 请求。不过，如果你确实需要在 POST 请求后进行页面跳转，你可以使用以下方法之一： 1. 通过提交表单实现：创建一个包含目标页面 URL 的隐藏表单字段，并使用 JavaScript 在提交表单时触发页面跳转。例如： ```html <form id="redirectForm" action="https://example.com/new-page" method="post">  <input type="hidden" name="data" value="some data"> </form> <script> document.getElementById('redirectForm').submit(); // 提交表单 </script> ``` 这将在页面加载完成后自动提交表单并进行 POST 请求，然后浏览器将根据表单的 `action` 属性跳转到目标页面。 2. 使用 JavaScript 动态创建 POST 请求：通过 JavaScript 创建一个 POST 请求，并在请求成功后使用 `window.location.href` 进行页面跳转。例如： ```javascript var xhr = new XMLHttpRequest(); xhr.open("POST", "https://example.com/new-page", true); xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xhr.onreadystatechange = function() { if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) { window.location.href = "https://example.com/new-page"; // 跳转到目标页面 } }; xhr.send("data=some data"); ``` 请注意，这种方法需要在 JavaScript 中手动设置请求的头部和数据，并在请求成功后执行页面跳转。无论使用哪种方法，都要确保在进行页面跳转之前检查请求的状态码和其他必要条件。此外，还需要注意处理可能出现的错误和异常情况，以保证代码的稳定性和安全性。总的来说，POST 请求并不是常见的页面跳转方式，更适合用于提交表单或发送数据。在大多数情况下，GET 请求更适合用于页面跳转。