javascript - 将值发送到客户端页面

Question

我想问我应该开始学习什么代码来在网页中执行此类任务...问题是服务器和客户端都处于事件状态..如果服务器在输入(框中键入一个值) )然后单击“发送”，它会自动将其发送到客户端已打开的客户端页面...这可能吗？我只是一个新手程序员...请帮助我。

我应该学习什么代码？有相关教程吗？我可以给个链接吗？请

Answer 1

这应该可以完成工作:

get_data.php

<?php

/* Your db-code
Put it in an array called $data
like:
$data = array('name' => $row['name'], 'age' => $row['age']); */

header('Content-type: application/json');
echo json_encode($data);

?>

JS

function check_for_data() {
    $.post('get_data.php', function(data){
        $("#name").html(data.name);
        $("#age").html(data.age);
        $('#'+data.gender+'').prop('selected', true);
        // etc...
    }, "json");
}

setInterval(check_for_data, 5000);

HTML

<input type="text" id="name">
<input type="text" id="age">
<select>
<option id="male" value="male"></option>
<option id="female" value="female"></option>
</select>
<!-- etc -->

注意

1. 您必须将名称和 ID 设置为 <option>标签与数据库中性别的可能值相同。

2. 像这样的功能往往会加重服务器负担。如果您网站上的许多人都会使用此功能，您可以减少该函数检查新数据的频率(现在每 5000 毫秒(5 秒)检查一次)。