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

时间:2015-02-21 18:10:28

标签: javascript php jquery html ajax

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

我需要的是什么:

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

步骤:

  1. 选中复选框 - >写下文字“信息”
  2. 首页发送文字“信息” - >第二页收到了文本。
  3. 首页将文字修改为“随机” - >第二页文本更改为“随机”
  4. 我迄今为止所做的工作:

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

    我被困的地方:

    我坚持在第二页上显示文字。

    使用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;
      }
    ?>
    

1 个答案:

答案 0 :(得分:0)

我不会想到这种方法,你可以通过POST获取数据。但是他们可以做到这一点非常棘手。

当您打开链接时,只需将value of textarea作为get参数传递。并在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; } 
?>