Javascript 如何使用按钮刷新div

因此，我有一个来自数据库的帖子“提要”，我希望有一个按钮，只刷新包含帖子的div，而不是重新加载整个页面

假设div是

<div id="myContent"></div>

如果要将内容添加到当前内容中

document.getElementById("myContent").appendChild(ajaxCont);

---

假设div是

<div id="myContent"></div>

如果要将内容添加到当前内容中

document.getElementById("myContent").appendChild(ajaxCont);

---

Javascript本质上会修改页面上的内容，因此不必“刷新”页面来更新其内容

如果您使用AJAX动态地从XML或JSON源中提取数据，您可以在这里查看我的示例：

---

或者，只要谷歌AJAX，就有丰富的资源

Javascript本质上会修改页面上的内容，因此您不必“刷新”页面来更新其内容

如果您使用AJAX动态地从XML或JSON源中提取数据，您可以在这里查看我的示例：

---

或者，只要谷歌AJAX，就有丰富的资源

Jquery中的

 <button id="MyButton">Refresh</button>

$(document).ready(function () {
     $("#myButton").on("click", function () {
        $("#div").load("index.php")
     });
});

刷新
$（文档）.ready（函数（）{
$（“#我的按钮”）。在（“单击”上，函数（）{
$（“#div”）.load（“index.php”）
});
});

在Jquery中

 <button id="MyButton">Refresh</button>

$(document).ready(function () {
     $("#myButton").on("click", function () {
        $("#div").load("index.php")
     });
});

刷新
$（文档）.ready（函数（）{
$（“#我的按钮”）。在（“单击”上，函数（）{
$（“#div”）.load（“index.php”）
});
});

Ajax（异步JavaScript和XML的缩写）是您需要的。您可以添加一个按钮侦听器，它将运行Ajax代码，而Ajax代码又可以调用您的数据库查询

您的Ajax函数将类似于以下内容：

function loadData() {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
      if (xhttp.readyState == 4 && xhttp.status == 200) {
         document.getElementById("yourDivId").innerHTML = xhttp.responseText;
      }
    };
    xhttp.open("GET", "databaseQuery.php", true);
    xhttp.send();
}

您的按钮侦听器将调用Ajax函数：

<button onclick="loadData()">Click me</button>

点击我

如果您使用php查询数据库，只需

echo

databaseQuery.php中的结果即可。

Ajax（异步JavaScript和XML的缩写）就是您想要的。您可以添加一个按钮侦听器，它将运行Ajax代码，而Ajax代码又可以调用您的数据库查询

您的Ajax函数将类似于以下内容：

function loadData() {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
      if (xhttp.readyState == 4 && xhttp.status == 200) {
         document.getElementById("yourDivId").innerHTML = xhttp.responseText;
      }
    };
    xhttp.open("GET", "databaseQuery.php", true);
    xhttp.send();
}

您的按钮侦听器将调用Ajax函数：

<button onclick="loadData()">Click me</button>

点击我

---

如果您使用php查询数据库，只需

echo

databaseQuery.php的结果。

Jquery适合您吗？Jquery适合您吗？