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

Question

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

我需要什么:

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

步骤:

1. 选中复选框 -> 写入文本“信息”
2. 第一页发送了文本“Info” -> 第二页收到了该文本。
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;
  }
?>

Answer 1

我不认为使用这种方法可以通过 POST 获取数据。但事实上，这是一种棘手的方法，您可以用它来做到这一点。

当您打开链接时，只需将文本区域的值作为获取参数传递即可。并在 PHP 文件中获取它。

通过此更改您的verifica功能。

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 中只需这样做

<?php

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