仅从同一页面刷新 div，无外部源

Question

我正在尝试使用 jquery 刷新 div 标签，但它不起作用.. 我需要刷新 div 以便执行 php 代码并更新文本..

首先我加载 jquery，然后加载包含我需要执行的函数的文件，然后刷新脚本，全部在 header:

  <script src="jquery-3.1.1.min.js"></script>

  <?php
     require "codes.php";
  ?>

  <script type="text/javascript">
      setInterval(function(){
         $('#ip').load('#ip');
      }, 1000);
  </script>

终于div我要刷新：

<div id="ip" class="navbar-header">
     <p style="text-align: center; color:white;">
         Your IP address is 
         <span style="color:red;">
            <?php
                echo getip();
            ?>
         </span>
     </p>

Answer 1

问题是您的 php echo 会在页面打开时运行一次。作为 PHP 的名称，它是 (Hypertext Preprocessor ... bla bla bla) forgot ... 所以你的 php 代码最终将变成页面上的静态 html 内容。你的jssetInterval()和jQuery.load()实际上是运行ning但是$('#ip')内容还是一样

为了能够动态获取数据，您（必须）需要一个外部 php 文件，它将一次又一次地处理 echo getip(); 的请求。

像这样：

loadip.php

echo getip();

JS

$(document).ready(function() {
    setInterval(loadip,1000);
});

function loadip() {
    $("#ip").load("loadip.php");
}

或者...

$(document).ready(function() {
    setInterval(function() {
        $("#ip").load("loadip.php");
    },1000);
});

希望对您有所帮助。祝你好运！

仅从同一页面刷新 div，无外部源

Refresh only a div from the same page, no external source

jquery

refresh

像这样：