Question

我在网页中有一个文本框，我希望当用户在其中键入内容时，不刷新就显示它。

我的php文件，它从用户那里获取数据并显示出来：

<?php 
    $text = $_GET['text'];
    echo $text;
?>

和html文件：

<form method="Get">
    <input type="text" name="text">
</form>

当用户输入内容时，如何使其输入 $ text 。

Answer 1

请在此过程中使用javascript（AJAX）。

您需要做的就是将php文件保存在一个单独的文件中，并使用AJAX进行连接。

<form method="Get">
<input type="text" name="text" onKeyUp="makeAjaxCall()" id="input">
    </form>



<script>
function makeAjaxCall() {
let input = document.getElementById('input').value;
if(input){
// make the ajax function call here
// Ajax response is injected into the document using innerHTML.
connectViaAJAX();
} else {
// no input is provided.
}
}



function connectViaAJAX() {
// write ajax here
}
</script>

还有其他的JavaScript库，您可以签出角度：http://angular.io/

VueJs：https://vuejs.org/

ReactJs：https://reactjs.org/

还有更多

您可以访问：https://w3schools.com以获得更多编程教程

Answer 2

在这种情况下，使用PHP和AJAX有什么意义？如果您没有在数据库中存储来自用户类型的任何数据，则看不到随机播放。

您可以使用简单的JavaScript函数读取input的值并将其设置为任何元素的 innerHTML 。

看看这个JavaScript：

view.bind( 'isOn', 'isEnabled' ).to( command, 'value', 'isEnabled' );
this.listenTo( view, 'execute', () => editor.execute( BOLD ) );

和此HTML结构：

document.querySelector('input[name="text"]').addEventListener('keyup', function(e){
  const input = e.target;
  document.querySelector('#result').innerHTML = input.value;
})

在输入中，它会自动为 [id =“ result”] 附加值。

这是有效的演示：https://jsbin.com/hadevocoqo/edit?html,js,output

问候，李子！

如何制作一个活跃的网页

2 个答案: