无法使用js重定向到新页面

时间:2019-05-10 05:39:40

标签: jquery redirect

我正在使用this code将联系表单提交发送到Google电子表格。在第89-99行之间,我添加了以下内容以重定向到“感谢页面”,而不是显示“感谢div”:

if (!validEmail(data.email)) {   // if email is not valid show error
    document.getElementById('email-invalid').style.display = 'block';
    return false;
} else {
    var url = event.target.action;  //
    var xhr = new XMLHttpRequest();
    xhr.open('POST', url);
    // xhr.withCredentials = true;
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.onreadystatechange = function() {
        console.log( xhr.status, xhr.statusText )
        console.log(xhr.responseText);
        //document.getElementById('gform').style.display = 'none'; // hide form
        // document.getElementById('thankyou_message').style.display = 'block'; 
        window.location.href = "mensaje-enviado.html";
        return;
    };

这里是working link,有人可以告诉我我在做什么错吗?

提前谢谢!

1 个答案:

答案 0 :(得分:0)

您可以在不显示任何内容的HTML中创建目标设置为“ _blank”的锚标记元素

<a id="thankYouLinkId" href="thankYouLinkUrl" target="_blank" style="display: none;">Test Link</a>

现在使用javascript代码在新标签页中打开ThankYouLinkUrl:

document.getElementById("thankYouLinkId").click();