react 访问后端_在react后端页面实现点击按钮,跳转到页面

在react后端页面实现点击按钮,跳转到页面,如何实现呢?很简单的哟。

尝试用fetch请求var url = "https://test.taobao.com/login";

let options = {};

var headers = new Headers();

headers.append( "Content-Type", "application/x-www-form-urlencoded");

options.headers = headers;

options.body = res.result;

options.method = "POST";

options.credentials = "include";

options.mode = "cors";

return fetch(url, options).then((response) => {

});

提示跨域错误。

改为react表单提交makeForm:function(data){

//console.log(data);

const form = document.createElement('form');

form.id = 'form-file-download';

form.name = 'form-file-download';

// 添加到 body 中

document.body.appendChild(form);

for (const key in query) {

if (query[key]!== undefined && Object.hasOwnProperty.call(query, key)) {

// 创建一个输入

const input = document.createElement('input');

input.type = 'hidden';

input.name = key;

input.value = query[key];

form.appendChild(input);

}

}

// form 的提交方式

form.method = 'POST';

//跳转新页面

form.target = '_blank'

// form 提交路径

form.action = 'https://test.taobao.com/login';

form.submit();

document.body.removeChild(form);

},

data为页面所需json,后台得到即可。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值