`

URL参数过长时post 跳转的方法(form替换location.href)

阅读更多

 

在页面跳转时,我们时常用 window.location.href  的方法,如下:

window.location.href = 'monitor/queryalready_count?param_string='+param_string;

注意:window.location.href 的跳转是 get 的跳转方式

 

但是当参数param_string 过长时,比如参数字符串达到2K以上的长度,get跳转显然不可能了,就要使用form表单的形式实现post的方式跳转,可以在js中用以下方法实现:

 

document.write("<form action='monitor/queryalready_count' method='post' name='count_form' style='display:none'>");
document.write("<input type='hidden' name='param_string' value='"+param_string+"'");
document.write("</form>");
document.count_form.submit();

 

 

 

 

分享到:
评论

相关推荐

    Ajax post请求跳转页面

    在这个例子中,我们向服务器发送POST请求,并在注册成功后使用`window.location.href`来重定向到新的页面。然而,这种方法的一个缺点是,页面跳转时URL中会包含请求参数,如"name",这可能泄露敏感信息。 为了在...

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

    通常,通过`window.location.href`的方式添加参数进行页面跳转会将数据暴露在URL中,这可能带来安全风险。为了解决这个问题,我们可以利用layui的form组件以POST方式提交数据,这样数据会被封装在请求体中,而不是...

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

    一般情况下,可以通过GET或POST方法进行数据传递,但在传递大量数据时,GET方法可能会遇到请求URI过长的问题。此时,POST方法就成为了更好的选择。本文将详细介绍如何在JavaScript页面中通过POST方法传递参数并跳转...

    JSP和HTML跳转.zip_html挑转jsp_jsp和HEML跳转_jsp和HTML跳转

    window.location.href = "http://example.com"; ``` 或 ```javascript location.replace("http://example.com"); // 不在历史记录中添加新页面 ``` 4. JavaScript的`document.forms`和`submit()`方法:结合`&lt;form&gt;`...

    JSP页面跳转方法总结

    window.location.href = "target.jsp"; } ()"&gt;跳转 ``` ##### 3. 提交表单 通过提交表单来实现页面跳转,通常用于表单数据提交后的页面跳转。例如: ```html &lt;form action="target.jsp" method="post"&gt; 提交"&gt; ...

    子窗口iframe跳转到父窗口

    parent.location.href = "目标URL"; ``` 这种方式简单易懂,但是需要注意的是,由于浏览器的安全策略限制,如果`iframe`与父页面不在同一个域下,则可能会因为同源策略而无法执行该操作。 ##### 方法二:使用HTML...

    js href的用法

    在这个话题中,我们将深入探讨`window.location.href`、`location.href`、`parent.location.href`和`top.location.href`的用法,以及它们如何影响页面的导航和刷新。 1. `window.location.href`与`location.href`:...

    js以post方式打开新页面

    在JavaScript中,通常我们使用`window.location.href`或者`a`标签来实现页面跳转,但这两种方式都采用GET请求的方式传递数据。然而,在某些情况下,我们可能需要以POST方式发送数据并打开新页面,例如处理表单提交、...

    DropdownList点击跳转网址

    // 这里可以添加跳转逻辑,例如window.location.href = selectedOption; }; return ( &lt;option value="url1"&gt;Option 1 {/* 更多选项 */} ); } ``` 综上所述,DropdownList点击跳转网址涉及到HTML、...

    两种方式实现的跳转 txt 文件

    location.href = "colEdit.do?status=deleteSelect&select=" + col.colId; } ``` 这段代码与第一种方法的不同之处在于它通过改变浏览器地址栏中的URL来提交删除请求,其中`status`参数表示操作类型,而`select`...

    thinkphp中的url跳转用法分析

    当需要在新窗口或标签页中打开页面时,可以借助JavaScript的`window.location.href`或`window.open()`。然而,由于浏览器的弹窗拦截机制,`window.open()`可能会被阻止,导致效果不尽人意。例如: ```php echo ...

    js跳转页面方法实现汇总

    最直接的方法是直接将一个 URL 地址赋值给 `location.href` 属性,这样就可以直接跳转到指定的页面。 ```javascript window.location.href = "***"; ``` 2. 使用定时器实现延迟跳转 可以使用 `setTimeout` 或者 `...

    JS中传递参数的几种不同方法比较

    需要注意的是,使用window.location.href或者form的action传递参数时,由于所有的参数都是通过URL传递的,因此不适合传递敏感信息。这些数据会明文出现在地址栏或链接中,容易被第三方截获。 相较之下,Ajax传递...

    html form表单提交action和url跳转到actiond的区别介绍

    总结起来,`&lt;form&gt;`表单的`action`属性主要用于向服务器提交数据,可以使用`POST`或`GET`方法,而URL跳转主要用于页面间的导航,通过URL参数传递少量数据。两者在数据安全性、数据量以及数据可见性方面都有所不同,...

    链接、页面跳转、隐藏、表单提交

    '))window.top.location.href='/ggsh/member/member_out'"&gt;退出&lt;/a&gt;`,这个超链接在点击时会弹出一个确认框,如果用户选择确认,则页面跳转到`/ggsh/member/member_out`路径下。 - **应用场景**:这些示例展示了...

    JSP页面的跳转方式汇总

    POST方法适合传输大量数据或敏感信息,因为它不会显示在URL中,而GET方法则会在URL中显示所有参数值。 #### 3. 修改HTTP Header的Location属性来重定向 这种方式通过设置响应头中的Location字段来实现页面重定向,...

    fileupload页面跳转找不到原页面的解决方法

    window.location.href = 'originalPage.html'; } }) .catch(error =&gt; { // 处理错误 }); ``` 后端服务器接收到文件后,需要处理文件存储、验证、权限检查等任务。确保返回给前端的响应中包含足够的信息,以便...

    php实现ajax、post、get无刷新提交并跳转及验证用户

    window.location.href = 'tiaozhuan.html'; } else { alert(response.error); } ``` `json.class.php`可能是自定义的一个JSON处理类,用于编码和解码JSON数据,以便在PHP和JavaScript之间交换数据。 总结来说,...

    页面跳转和数据传递

    1. **URL参数(Query String)**:在URL后面添加问号`?`后跟键值对,如`www.example.com/page?id=123&name=John`。这种方式适用于少量且不敏感的数据传递,但URL会变长,不适合大量或敏感数据。 2. **隐藏表单字段...

Global site tag (gtag.js) - Google Analytics