×

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

作者:andy0012020.06.13来源:Web前端之家浏览:14844评论:0
关键词: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,后台得到即可。

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/js20200613a1.html

网友评论文明上网理性发言 已有0人参与

发表评论: