GET 方式

window.location.href是我们常用来在js中实现页面跳转的方法，这是使用get方式发送请求，示例如下

window.location.href = url;

优点是简单易用，缺点是如果有参数的话，参数会暴露在url地址中，这降低了系统的安全性，也影响用户体验。

POST 方式

通过模拟表单提交的方式进行跳转

// 发送POST请求跳转到指定页面
function httpPost(URL, PARAMS) {var temp = document.createElement("form");temp.action = URL;temp.method = "post";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;
}var params = {"aValue": 'a',"bValue": 'b',
};httpPost("/nexturl", params);

前端之使用 POST 提交数据并跳转相关推荐

小范笔记：ASP.NET Core API 基础知识与Axios前端提交数据
跟同事合作前后端分离项目,自己对 WebApi 的很多知识不够全,虽说不必要学全栈,可是也要了解基础知识,才能合理设计接口.API,方便与前端交接. 晚上回到宿舍后,对 WebApi 的知识查漏补缺, ...
js模拟form表单提交数据, js模拟a标签点击跳转，避开使用window.open引起来的浏览器阻止问题...
js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...
Django表单提交数据与网页跳转
. Django版本介绍 . 注意LTS版本 . 安装 pip install Django==1.11.11(卸载django:pip uninstall django) 1.form表单提交数据 ...
前端传表格多条数据给后台接收（HTML前端表格多条数据JSON封装后；异步提交到后台处理)
前端传表格多条数据给后台接收 (HTML前端表格多条数据JSON封装后:异步提交到后台处理) 1.多条数据采用checkBox 携带 //封装数据的对象var PayObj = { O_NBR:& ...
前端常见提交数据方式对比
前言目前的前后端的界限越来越明显,当然,其实现通信的方式主要就是通过Http协议完成.但是在这个过程中,提交数据的格式有时候不同确实是让后端比较头疼的问题,那么,阿福就来总结下常用的提交数据的方式有 ...
form表单提交数据不让跳转办法
form表单提交数据不让跳转办法应用场景: 1.弹出层 2.需要连续提交多条记录的情况 3.页面多个存在提交事件,需要局部提交情况方法一:加个return false,阻止表单跳转 <for ...
ajax post提交数据_如何用前端知识获取数据，制作一个微信订餐后台案例？
在介绍案例之前,我们先来介绍以下在node中如何获取数据. get方式 1.把发送给服务器的数据追加在请求头的url后面 2.发送数据的大小有限制 3.get方式发送给服务器数据会有缓存. post方 ...
php 当我添加数据成功后跳到首页为什么刷新还会增加数据,使用post提交数据之后，有错误，页面刷新之后，想保持原有值...
如题,我使用的ecmall模板 *{$lang.user_name}: {$lang.user_name_desc}{$lang.checking} 回复讨论(解决方案) 想用 $smarty.pos ...
form表单提交数据如何拿到返回值
form表单提交数据如何拿到返回值文章目录 form表单提交数据如何拿到返回值 @[TOC](文章目录) 前言一.如何拿到返回值二.在这个过程中也会遇到一些问题总结前言使用form表单提交 ...

前端之使用 POST 提交数据并跳转

GET 方式

POST 方式

前端之使用 POST 提交数据并跳转相关推荐

最新文章

热门文章