在页面刷新时重新提交表单 - 而在wordpress的预览页面

Question

我将wordpress作为CMS运行。我已经制作了一个简单的多部分表单，该表单工作得很好，并允许从前端发布。这是一个两部分的形式，第一部分是他提交数据的位置，第二步是他刚刚提交的数据预览。提交的数据按预期在wp中创建了一个很好的草稿。

这是表单页面模板中的第一个代码块，它显示了表单。在代码的下半部分，您将注意到预览部分（阅读代码中的注释），其中显示刚刚提交的数据。所有这些工作真的很好，我甚至可以在提交之后retrieve an image。

 <?php 
      global $wpdb; 
      $this_page = $_SERVER['REQUEST_URI']; 
      $page  = $_POST['page']; 
      if ($page == NULL) { ?> 

     <form method="POST" id="test_form" name="test_form" enctype="multipart/form-data" action=""> 

     <div>LOCATION : <input type="text" name="location" id="location"/></div> 

     <div>DESCRIPTION : <textarea id="details" cols="80" rows="10 maxlength="600" name="details" rows="20"></textarea></div> 

     <div>UPLOAD IMAGE : <input type="file" name="loc-image" id="loc-image" tabindex="25" /></div> 


     <input type="hidden" value="1" name="page" /> 
     <input type="hidden" name="action" value="post_action" /> 
     <input type="submit" name="submit" id="submit" value="PROCEED"/> 
     </form> 

     <?php 
     } else if ($page == 1) { ?> 

     <?php include_once('validate_first_step.php'); ?> 
     <?php if (isset($_POST['submit']) && (!empty($error))) { ?> 

        <h3>Submission Failed. Errors highlighted below.</h3><br/> 
        <a href="javascript:history.go(-1)">GO BACK</a><br/><br/> 
        <?php echo $error . '</br>'; 
        } else { ?> 


<?php echo 'h2>'.'YOUR SUBMISSION IS ACCEPTED. PREVIEW.'. '</h2>';?> 

    <?php //PREVIEW SECTION OF THE FORM BEGINS 
    $location=$_POST['location']; 
    $description=$_POST['details']; 
    ?> 

    <?php 
    echo 'Location : ' . $location . '</br>'; 
    echo 'Details : ' . $description . '</br>'; 
    ?> 
    <?php echo wp_get_attachment_image($newupload,'medium'); ?> 

    <?php //PREVIEW ENDS 
    } 
    } 
    ?> 

这是如何处理表格的。实际的代码非常复杂，我只是放在这里，这是实现这个想法所必需的。相当标准的东西插入WordPress的。

if('POST' == $_SERVER['REQUEST_METHOD'] && !empty($_POST['action']) && $_POST['action'] == "post_action") { 


    // Do some minor form validation to make sure there is content 
    if (isset($_POST['submit'])) { 
      $error = ""; 

     if ($_POST['details'] != null) { 
      $description = trim(strip_tags($_POST['details'])); 
     } else { 
      $error .= 'Put description.</br>'; 
     } 

     if ($_POST['location'] != null) { 
      $location = trim(strip_tags($_POST['location'])); 
     } else { 
      $error .= 'Put location.</br>'; 
     } 

    } 



      if (empty($error)) { 
      $new_post = array( //insert form inputs, set var and define array 
      'post_title' => $location, 
      'post_content' => $description, 
      'post_status' => 'draft', 
      'post_author' => '2',  
      'post_type' => 'post' 
      // assigning tags and categories are no issue 
      ); 

      $pid = wp_insert_post($new_post); 


        //attachment helper function  
        function insert_attachment($file_handler,$post_id,$setthumb='false') { 

        if ($_FILES[$file_handler]['error'] !== UPLOAD_ERR_OK){ return __return_false(); 
        } 
        require_once(ABSPATH . "wp-admin" . '/includes/image.php'); 
        require_once(ABSPATH . "wp-admin" . '/includes/file.php'); 
        require_once(ABSPATH . "wp-admin" . '/includes/media.php'); 

        $attach_id = media_handle_upload($file_handler, $post_id); 

        //set post thumbnail 
        if ($setthumb) update_post_meta($post_id,'_thumbnail_id',$attach_id); 
        return $attach_id; 
        } 


        //INSERT OUR MEDIA ATTACHMENTS 
        if ($_FILES) { 
        foreach ($_FILES as $file => $array) { 
        $newupload = insert_attachment($file,$pid); 
        } 
        } 

     } //end of if empty error 
    } 

ISSUE：这里是我在测试的形式注意到这个问题。表单提交后，当我在预览部分，数据正常显示正常，但当我REFRESH页面相同的数据再次提交到wordpress，创建一个重复的草稿。

THINGS受审：我知道一个重定向解决方案，并能够运用wp_redirect，但重定向是不是我在看，因为我需要向他们展示预览。我花了几个小时寻找解决方案和替代方案，仍然在做。

REQUEST：请让我知道如何阻止这种情况发生。我不能指望人们不点击刷新，他们基本上会做任何他们想要的。所以，而不是一个JavaScript通知，我想使用服务器端PHP来执行此操作。因为它可能会执行，即使JavaScript被禁用，我的代码的其余部分。基本上我需要一个解决方案，在提交后忽略刷新。请给我一个代码或提示，让正确的方向可以做到这一点。非常感谢。

---

UPDATE：由于@ user2758004建议我尝试了对比法和它的工作。我已将下面的代码放在处理器的顶部。

$location=$_POST['location']; 

$args = array(
     'post__not_in'=> array($id), 
     'post_type' => 'post', 
     'post_status' => array('publish','pending','draft','future','private'), 
     'meta_query' => array(
     'relation' => 'AND', 

     array(
     'key' => 'location', 
     'value' => $location, 
     'compare' => '=' 
     ), 
    ) 
); 

现在在处理器中，我检查meta_key'full_name'的meta_value是否已经存在。如果是这样，表单会显示一个错误，并简单地停止该过程。希望它能帮助别人。

$existingMeta = get_posts($args); 
     if(!empty($existingMeta)){ 
    $error .= 'Bummer, ' .$location. ' is already in database.</br>'; 
     return; 

} 
     else { 
        //check for rest of the errors 
    } 

Answer 1

可能有两种方式：

1. 之前添加表单数据到数据库，检查用户的最后一次提交的表单数据，对它们进行比较，如果它们是相同的，然后拒绝。

2. 使用jQuery的ajax文章将数据提交给特定的处理脚本，然后即使用户刷新，浏览器也不会显示“你想重新提交吗？”小费。（我目前正在使用这个技巧，它工作正常）

PS。 第一种解决方案很容易想出来，但并不完美，当用户意外刷新页面时，丑陋的“你想再次提交吗？”仍然表明，我认为最好将这两种方法结合起来以增加额外的安全性。

Answer 2

if (isset($_POST['submit'])) { 
      $error = ""; 
session_start(); // just to make sure you have an active session 

     if ($_POST['details'] != null) { 
      $_SESSION['description'] = trim(strip_tags($_POST['details'])); 
     } else { 
      $error .= 'Put description.</br>'; 
     } 

     if ($_POST['location'] != null) { 
      $_SESSION['location'] = trim(strip_tags($_POST['location'])); 
     } else { 
      $error .= 'Put location.</br>'; 
     } 

    } 

我们在第一步没有提交数据到数据库。只是将其保存在会话步骤2

<?php echo 'h2>'.'YOUR SUBMISSION IS ACCEPTED. PREVIEW.'. '</h2>';?> 

    <?php //PREVIEW SECTION OF THE FORM BEGINS 
    $location=$_SESSION['location']; 
    $description=$_SESSION['description']; 
    ?> 

    <?php 
    echo 'Location : ' . $location . '</br>'; 
    echo 'Details : ' . $description . '</br>'; 
    ?> 
    <?php echo wp_get_attachment_image($newupload,'medium'); ?> 

    <?php //PREVIEW ENDS 
    } 
    } 
    ?> 

在步骤2中使用，你可以将数据提交到数据库