时间戳

首页 > 解决方案 > 表单成功后没有重定向的Jquery ajax setTimeout？

php - 表单成功后没有重定向的Jquery ajax setTimeout？

问题描述

在提出问题之前，我尝试了出现的问题，但没有机会使其发挥作用。当我将它添加到邮件发送成功警报时它工作正常，但我不想在 php 部分添加脚本。

我试图在表单成功后将联系页面重定向到另一个页面并延迟几秒钟。

这是我的 Jquery ajax：

$(document).ready(function(){
    $('#ContactForm').submit(function(event){
    event.preventDefault();
    var formValues = $(this).serialize();
        $.ajax({
        url:"modules/contact.inc.php",
        method:"POST",
        data:formValues,
        dataType:"JSON",
            success:function(data){
                if(data.error === 'ok'){
                    $('#result').html(data.error);
                    setTimeout(function() {
                        window.location = 'index.php';
                    }, 1000);
                } else {
                    $('#result').html(data.error);
                    $('#ContactForm')[0].reset();
                }
            }
        });
    });
});

我尝试了以下setTimeout();成功功能，但没有奏效：

setTimeout(function() {
  window.location.replace("index.php");
},1000);

然后我尝试了：window.location.replace("index.php");没有 setTimeout 功能也没有用。

window.location.href
window.location.hostname
window.location

这个适用于另一个页面中的模态

setTimeout(function() {
window.location.reload();
}, 3000);

这些是我的尝试没有机会，感谢您的任何建议和帮助。

编辑：这是 data.error 的 php 部分包含：

$error     = "";

    // Validate user name
    if(empty($_POST["fname"])){
        $error .= "<p class='error'>İsim girmediniz.</p>";
    } else {
        $name = test_input($_POST["fname"]);
    }   

    // Validate email address
    if(empty($_POST["email"])){
        $error .= "<p class='error'>E-Posta girmediniz.</p>";     
    } else{
        $email = $_POST["email"];
        if(!filter_var($email, FILTER_VALIDATE_EMAIL)) {
            $error .= "<p class='error'>E-Posta doğru formatta değil.</p>";
        }
    }   

    // Validate user subject
    if(empty($_POST["subject"])){
        $error .= "<p class='error'>Konu girmediniz.</p>";
    } else {
        $subject = test_input($_POST["subject"]);
    }

        // Validate user message
    if(empty($_POST["message"])){
        $error .= "<p class='error'>Mesaj girmediniz.</p>";
    } else {
        $message = test_input($_POST["message"]);
    }

    // Validate user departman
    if(empty($_POST["departmant"])){
        $error .= "<p class='error'>departman Seçin.</p>";
    } else {
        $departman = test_input($_POST["departmant"]);
    }
    if($error === ''){
        require "../PHPMailer/mailer.php";
        $mail = new mailSend();
        $email = filter_var($_POST["email"], FILTER_SANITIZE_EMAIL);
        $name = test_input($_POST["fname"]);
        $subject = test_input($_POST["subject"]);
        $departman = test_input($_POST["departmant"]);
        $message = test_input($_POST["message"]);
        $error = $mail->sendMail($email,$name,$subject,$departman,$message); 
    }else{
        $error .= "<p class='error'>Formda bir hata oluştu.</p>";
    }
$data = array(
 'error'  => $error
);

echo json_encode($data);

编辑：得到它的工作谢谢你的回答，

显示导致问题的错误，$('#result').html(data.error);我将其更改为文本消息而不是来自 php 的成功消息：

$('#result').html('Form successfuly');
 $('#ContactForm')[0].reset();
 setTimeout(function() {
   window.location = 'index.php';
 }, 1000);

它工作正常。

标签： phpjqueryajaxfunction

解决方案

String.replace()需要两个参数。如所写，它将查找字符串“index.php”并将其替换为空。尝试添加正则表达式以匹配所有内容并替换为您的新 URL。

setTimeout(function() {
  window.location.replace( /.*/, "index.php");
},1000);

使用完整的 URL (ie https://yourdomain.com/index.php) 或编写更好的正则表达式。例如，如果您的域以.com结尾，您可以执行以下操作：

setTimeout(function() {
  window.location.replace( /\.com\/.*/, ".com/index.php");
},1000);

推荐阅读