javascript - 通过ajax函数将字符串传递到它得到回显的页面，PHP，AJAX，JAVASCRIPT

Question

我有三个文件。 test1.php、test2.php 和 ajax.php。在 test1.php 中，我有一个文本输入。当我在文本输入中输入内容时，它会调用 ajax 函数，并将我在文本输入中输入的任何内容作为 POST 传递给 test2.php。在 text2.php 中回显后，它显示在 test1.php 中的文本输入下方。

现在，我想在回显之前通过 ajax 函数 将字符串传递给 test2.php，这样它就会显示在 test1.php 中的文本输入下方。例如，我想通过 ajax 函数将“Hello”一词传递给 test2.php - 我怎样才能做到这一点，或者这是否可能？谢谢。

test1.php

<?php

include('ajax.php');

echo "<input type = 'text' name = 'text' onkeyup = 'ajax(\"test2.php\",\"input\",\"text\",\"output\")'>";
echo "<div id = 'output'/>";

?>

test2.php

<?php

$text = $_POST['text'];
echo $text;

?>

ajax.php

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script type = "text/javascript"> 

function ajax(gotoUrl,type,inputName,output) {

      $.ajax({
           type: "POST",
           url: gotoUrl,
           data: { select: $(type+'[name='+inputName+']').val()},
           error: function(xhr,status,error){alert(error);},
           success:function(data) {
             document.getElementById( output ).innerHTML = data;
           }

      });

}

</script>

Answer 1

这很有可能。

在 ajax.php 中:向您的 data:{} 数组添加一个新元素:

data: { select: $(type+'[name='+inputName+']').val(), some_string: 'Hello' },

在 test2.php 中:您现在可以引用从 ajax 请求发送的第二个元素:

<?php

$text = $_POST['select'];
$some_string = $_POST['some_string'];
echo $some_string.$text;

?>