使用Ajax在另一个页面上显示输入值

在显示我使用post方法发送到另一个页面的文本时，我需要一些帮助。

我需要什么：

在文本区域中写入一些文本，如果选中复选框，每次文本区域值更改时，都会将值发送到另一个页面，我需要在不刷新页面的情况下显示它。

步骤：

1. 选中复选框->写入文本"信息"
2. 第一页发送了文本"信息"->第二页收到了文本
3. 第一页修改文本为"随机"->第二页文本更改为"随机

到目前为止我所做的：

验证是否选中复选框，然后将文本发送到第二页。

我的困境：

我一直在第二页显示文本。

Javascript：

         var textval = "";
         var fereastra;
    function myPreview() {
        textval = $("#formid").val();
        $(".arata").html(textval);
        if(document.getElementById('previz').checked) {
            $.post("testprev.php", {text: textval})
        }
    }
    }
    function verifica(){
        if(document.getElementById('previz').checked) {
            fereastra = window.open("testprev.php","fereastra");
            $(".arata").fadeIn(1000);
        }
        else {
            fereastra.close("testprev.php");
            $(".arata").hide(1000);
        }
    }

HTML/PHP-首页：

<form method="post"
      action="testprev.php"
      enctype="multipart/form-data"
      id="prevform">
  <textarea name="preview"
      id="formid"
      value=""
      rows="25" columns="20"
      onkeyup="myPreview()">
  </textarea>
  <input type="checkbox" 
      id="previz"
      onclick="verifica()" />
  Previzualizeaza
</form>

HTML/PHP-第二页

<?php
  if(isset($_POST['text'])) 
  {
    $text = $_POST['text'];
?>
<?php
    echo $text;
  }
?>

function verifica(){
        textval = $("#formid").val();
        if(document.getElementById('previz').checked) {
            fereastra = window.open("testprev.php?text="+textval,"fereastra");
            $(".arata").fadeIn(1000);
        }
        else {
            fereastra.close("testprev.php?text="+textval);
            $(".arata").hide(1000);
        }
    }

<?php
    if(isset($_GET['text'])){
    $text = $_GET['text'];
    echo $text; } 
?>