Question

这是我的例子我在Input.html文件中有两个变量，我需要每秒检索一次变量并将值分配到index.html文件的文本框中。帮助我，我在做错误的地方.. 我试过两种方式..

<!--or can I use this script-->
<script type="text/javascript">
  $(document).ready(function(){
            $.ajaxSetup({ cache: false });
       setInterval(function () {
           $.getJSON("input.html", function (data) {
               if (data.var1 == true) {
                   $('#Cycle1').val(result.trim());
               }
               if (data.var2 == true) {
                   $('#Cycle2').val(result.trim());
               }
           });
       }, 1000);
   });
</script>

<!--input.html-->
{
"var1":"1"
"var2":"2"
}
<!--end of input.html-->

<!-- index.html-->
<html>
  <head>
  </head>
  <body>
    <input type="text" id="Cycle1"> 
    <input type="text" id="Cycle2"> 
  </body>
  <script type="text/javascript">
       setInterval(function () {
           $.getJSON("input.html", function (data) {
               if (data.var1 == true) {
                   document.getElementById('Cycle1').value = var1;
               }
               if (data.var2 == true) {
                   document.getElementById('Cycle2').value = var2;
               }
           });
       }, 1000);
</html>

Answer 1

你的第二个例子中缺少一些东西。您似乎正在使用$.getJSON的{{3}} API，因此您需要确保包含该库。您还缺少结束</script>代码，并尝试使用var1和var2作为变量而不首先声明它们。

除此之外，你的片段几乎就在那里。我建议，不是每1秒轮询一次服务器，而是查看jQuery：）

websockets

(function($) {
  $(document).ready(function() {
      $.ajaxSetup({cache: false});
       setInterval(function () {
           $.getJSON('input.html', function (data) {
               if (data.var1) {
                   $('#Cycle1').val(data.var1);
               }
               if (data.var2) {
                   $('#Cycle2').val(data.var2);
               }
           });
       }, 1000);
  });
})(jQuery);

自动刷新并从json

1 个答案: