首页 文章

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

提问于
浏览
0

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

现在,我希望在回显之前将一个字符串通过 ajax function 传递给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>

1 回答

  • 1

    这很有可能 .

    In ajax.php:data:{} 数组添加新元素:

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

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

    <?php
    
    $text = $_POST['select'];
    $some_string = $_POST['some_string'];
    echo $some_string.$text;
    
    ?>
    

相关问题