gpt4 book ai didi

javascript - 如何使用 AJAX 更改 DIV 的内容

转载 作者:行者123 更新时间:2023-12-02 17:46:55 24 4
gpt4 key购买 nike

这是index.php的代码,有3个div:

<body>
<div class="div_header" id="div_header">
</div>
<div class="div_left" id="div_left">
<ul>
<li>Patienten
<ul>
<li><a href="#" id="patienten_anlegen">Patienten anlegen</a></li>
<li><a href="#" id="patienten_bearbeiten">Patienten bearbeiten</a></li>
<li><a href="#" id="patienten_loeschen">Patienten loeschen</a></li>
</ul>
</li>
<li>Termine
<ul>
<li>Termine anlegen</li>
<li>Termine bearbeiten</li>
<li>Termine löschen</li>
</ul>
</ul>
</div>
<div class="div_main" id="div_main">
</div>
<div class="div_right" id="div_right">
</div>
</body>

menue.js:

$(document).ready(function(){
$("#patienten_anlegen").click(function(){
$("#div_main").load("templates/patienten/patienten_anlegen.php");
});
$("#patienten_bearbeiten").click(function(){
$("#div_main").load("templates/patienten/patienten_bearbeiten.php");
});
$("#patienten_loeschen").click(function(){
$("#div_main").load("templates/patienten/patienten_loeschen.php");
});
});

如果我点击“Patienten anlegen”,我想更改“div_main”的内容。这是可行的,但我希望,如果我按 F5(重新加载)位于同一站点上,而不是位于 index.php 上,并且我不想在浏览器的地址栏中看到“#”(例如: localhost/patentenverwaltung/#)

抱歉我的英语不好,我希望你能明白我想要的;)

最佳答案

您可以使用带有ajax的散列导航,因此下次您单击重新加载/后退/下一步按钮时,导航将按预期工作。您需要查找的属性是:location.hash

假设您像这样更改了 html:

          <li><a href="#anlegen" id="patienten_anlegen">Patienten anlegen</a></li>
<li><a href="#bearbeiten" id="patienten_bearbeiten">Patienten bearbeiten</a></li>
<li><a href="#loeshen" id="patienten_loeschen">Patienten loeschen</a></li>

在 JavaScript 中:

$(document).ready(function(){
if(location.hash.substring(1))
{
var initialPageToLoad= "patienten_" + location.hash.substring(1);
$("#div_main").load("templates/patienten/" + initialPageToLoad);
}
});

这将确保文档准备好后立即加载最后的内容。

关于javascript - 如何使用 AJAX 更改 DIV 的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21660615/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com