Javascript 如何在不刷新整个页面的情况下更新HTML文档中的php变量？

我有一个网页，可以显示我上传到MYSQL数据库中的文件列表（PDF）。当我上传一个新文件时，我想自动更新此列表，以包含我上传的新文件，而无需刷新整个网页

这是我的HTML代码，通过变量$mypdf\u list显示更新的列表：

 <div id="listwrapper_hook">
    <div id="dynamic_listwrapper"><hr>
        <!--DYNAMIC PDF LIST CONTENT GOES HERE-->
        <?php echo $mypdf_list; ?>
    </div>
</div>

使用ajax

代码将看起来有点像这样：

setInterval(function () {
    var url_to_fetch_pdfs = "www.yourdomain.com/fetch_pdfs.php";
    $.ajax({
        type: "POST",
        url: url_to_fetch_pdfs,
        cache: false,
        success: function(result){
            $("#dynamic_listwrapper").html("<hr>"+result);
        }
    });
}, 60000); // 1 Minute

setInterval（函数（）{
var url_to_fetch_pdfs=“www.yourdomain.com/fetch_pdfs.php”；
$.ajax({
类型：“POST”，
url:url\u到\u获取\u PDF，
cache:false，
成功：功能（结果）{
$（“#dynamic_listwrapper”）.html（“
”+结果）；
}
});
}, 60000); // 1分钟

在

PHP

文件中，您将获取所有pdf下载，ajax变量中的

result

将是PHP获取文件中的

echo

---

谢谢大家的建议。Ajax调用是一种方式。以下是我用javascript编写的解决方案：

 // GET REFRESHED '$mypdf_list'
    // AJAX CALL
    var formdata = new FormData();
    formdata.append("update",'refresh');

    // create XMLHttpREquest object
    var xmlhttp = new XMLHttpRequest;

    xmlhttp.onreadystatechange = function(){
        if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
            // HANDLE RESPONSE HERE
            document.getElementById('dynamic_listwrapper').innerHTML = xmlhttp.responseText;
        }
    }

    xmlhttp.open("POST", "getMypdf_list.php");
    xmlhttp.send(formdata);

}

---

“自动更新”：ajaxYou可以通过使用AjaxOP标记的

javascript

，但不能

jquery

，因此虽然这可能有效，但不一定有用。OP可能不知道

jquery

，因此他可以将其概括为

javascript

。因为他没有提到只使用

javascript

 // GET REFRESHED '$mypdf_list'
    // AJAX CALL
    var formdata = new FormData();
    formdata.append("update",'refresh');

    // create XMLHttpREquest object
    var xmlhttp = new XMLHttpRequest;

    xmlhttp.onreadystatechange = function(){
        if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
            // HANDLE RESPONSE HERE
            document.getElementById('dynamic_listwrapper').innerHTML = xmlhttp.responseText;
        }
    }

    xmlhttp.open("POST", "getMypdf_list.php");
    xmlhttp.send(formdata);

}