将值发送到客户端页面

时间:2014-02-03 11:15:06

标签: javascript php html ajax json

我想问一下我应该开始研究哪些代码来在网页中执行这种任务...事情是服务器和客户端都是活动的...如果服务器在输入中键入一个值(框)并点击发送它会自动将其发送到客户端已经打开的客户端页面....这可能吗?我只是一个新手程序员...请帮帮我。

我应该学习什么代码,是否有任何关于此的教程?我可以有链接吗?请

enter image description here

1 个答案:

答案 0 :(得分: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。您必须将<option>标记的ID设置为与性别数据库中的可能值相同。

2。这样的功能在服务器上往往很重。如果您的站点上的许多人都使用此功能,您可以使该功能不经常检查新数据(现在每隔5000毫秒(5秒)就会检查一次)。