是否可以将php变量分配给jquery var,然后刷新该jquery变量

时间:2015-01-12 20:11:57

标签: javascript php jquery

是否可以将php变量分配给jQuery变量,然后使用函数每隔30秒刷新一次jQuery变量?

另外,你能在html输入中使用该变量吗?

<input type="text" value="jquery value that will refresh every 30 seconds with PHP variable">

如果有可能,您可以学习如何以及在何处学习?

2 个答案:

答案 0 :(得分:3)

尝试这样的事情。只需更改后端网址即可。这个后端应该只输出值。

<input id="input" type="text" value="" />

<script>
setInterval(function(){
    $.get( "/value.php", function( data ) {
      $('#input').val( data );
    });
},30000);
</script>

您的value.php文件看起来像

<?php 
$value = 1;

echo $value;
exit;

如果您需要返回更多值,则可以使用JSON,然后使用

<input id="input" type="text" value="" />

<script>
setInterval(function(){
    $.get( "/value.php", function( data ) {
      $('#input').val( data.first_value );
    }, "json");
},30000);
</script>

您的value.php文件看起来像

<?php 
$first_value = 1;
$second_value = "Some string";

echo json_encode(array(
    'first_value' => $first_value,
    'second_value' => $second_value
));
exit;

答案 1 :(得分:0)

此脚本仅将数据发送到小提琴服务器,服务器又将其发回。然后它更新输入的值。

它只是一点example但它可能会帮助你理解这个想法:

var data_sent = 1;
setInterval(function () {// Set interval to retrieve info every 1s.
    $.ajax({
        url: "/echo/json/",// URL provided by jsfiddle to try AJAX. It just echoes back.
        type: 'POST',// jsfiddle imposes that you use POST for that url.
        data: {
            json: JSON.stringify(data_sent)// Send data, it'll be echoed by jsfiddle script, the format is also imposed by jsfiddle.
        },
        success: function (data) {
            $("#myInput").val(data);// Put the data received in the input
            data_sent += 1;// change the data so that you send new one to the server next time.
        }
    })
}, 1000);