使用javascript和php更改div的内容包括

我想对我的部门做点什么，我要去这里

基本上，我已经通过链接改变了div的内容，如下所示：

<a href="#self" onClick="document.getElementById('maincontent').innerHTML = '<?php include 'file.php'; ?>';">Open file</a>

但遗憾的是，如果我在其中创建另一个链接将内容更改回第一个文件，服务器就会陷入无限循环并崩溃

---

我真的只是想找到一些方法来动态更改内容，并使用php从文件中获取内容。如果我的方法完全是荒谬的，我非常感谢你的建议。

我认为最好、最简单的方法是使用jQuery：

<script type="text/javascript">
$('#addContent').click(function(){
   $("#maincontent").load("file.php");
   return false;
});
</script>

<a href="#" id="addContent">Open File</a>
<div id="maincontent"></div>

$（“#添加内容”）。单击（函数（）{
$（“#maincontent”）.load（“file.php”）；
返回false；
});

---

此脚本将使用ajax调用将file.php的内容加载到选定的div中。

我认为最好、最简单的方法是使用jQuery：

<script type="text/javascript">
$('#addContent').click(function(){
   $("#maincontent").load("file.php");
   return false;
});
</script>

<a href="#" id="addContent">Open File</a>
<div id="maincontent"></div>

$（“#添加内容”）。单击（函数（）{
$（“#maincontent”）.load（“file.php”）；
返回false；
});

---

此脚本将使用ajax调用将file.php的内容加载到所选的div中。

这看起来是一个很好的功能位置。只需给div一个id，在链接中添加一个click事件，并让该事件将php脚本的内容加载到div中。加载新数据时，可以在div中附加一个类（例如，“updated”）。这样，您的单击事件可以检查div上是否有（'.upload'），并在再次单击链接时将其切换回来。

这看起来是一个很好的功能场所。只需给div一个id，在链接中添加一个click事件，并让该事件将php脚本的内容加载到div中。加载新数据时，可以在div中附加一个类（例如，“updated”）。这样，您的单击事件可以检查div上是否有（'.upload'），并在再次单击链接时将其切换回来。

将div放在#maincontent中，以保存您想要的不同内容。给他们身份证。单击链接时，隐藏/显示适当的内容

这是一个类似的线程：

将div放在#maincontent中，以保存所需的不同内容。给他们身份证。单击链接时，隐藏/显示适当的内容

---

这是一个类似的线程：

首先，我建议不要像那样构建事件处理程序。首先，你必须非常小心，正确地转义内容。我会这样做：

<div id="content1">
<?php include 'file1.php'; ?>
</div>
<div id="content2">
<?php include 'file2.php'; ?>
</div>

然后用Javascript来操作它们。您可以设置innerHTML，也可以简单地隐藏/显示相关的div。因此：

<script type="text/javascript">
var content = 1;

function swap_content() {
  document.getElementById('maincontent').innerHTML = document.getElementById('content' + content).innerHTML
  if (content == 1) {
    content = 2;
  } else {
    content = 1;
  }
}
</script>
<a href="#" onclick="swap_content();">Open File</a>

var含量=1；
函数交换内容（）{
document.getElementById（'maincontent'）。innerHTML=document.getElementById（'content'+content'）。innerHTML
如果（内容==1）{
内容=2；
}否则{
内容=1；
}
}

或者，您可以根据需要隐藏/显示它们，而不是复制内容

---

最后，虽然不是必需的，但在jQuery这样的Javascript库中执行此操作要简单得多。

首先，我建议不要这样构建事件处理程序。首先，你必须非常小心，正确地转义内容。我会这样做：

<div id="content1">
<?php include 'file1.php'; ?>
</div>
<div id="content2">
<?php include 'file2.php'; ?>
</div>

然后用Javascript来操作它们。您可以设置innerHTML，也可以简单地隐藏/显示相关的div。因此：

<script type="text/javascript">
var content = 1;

function swap_content() {
  document.getElementById('maincontent').innerHTML = document.getElementById('content' + content).innerHTML
  if (content == 1) {
    content = 2;
  } else {
    content = 1;
  }
}
</script>
<a href="#" onclick="swap_content();">Open File</a>

var含量=1；
函数交换内容（）{
document.getElementById（'maincontent'）。innerHTML=document.getElementById（'content'+content'）。innerHTML
如果（内容==1）{
内容=2；
}否则{
内容=1；
}
}

或者，您可以根据需要隐藏/显示它们，而不是复制内容

---

最后，虽然不是必需的，但在jQuery这样的Javascript库中执行此操作要简单得多。

在我看来，您应该使用AJAX。在clickevent（您也不应该使用内联代码绑定）上，您可以使用XHR请求加载内容

为了让您的生活更轻松，我建议您看看JavaScript库，我个人最喜欢的是jQuery（）。要实现您正在尝试的目标，您只需执行以下操作：

$('#id_to_the_a_tag').click(function() {
    $("#maincontent").load("file.php");
    return: false;
});

---

对我来说，听起来你应该使用AJAX。在clickevent（您也不应该使用内联代码绑定）上，您可以使用XHR请求加载内容

为了让您的生活更轻松，我建议您看看JavaScript库，我个人最喜欢的是jQuery（）。要实现您正在尝试的目标，您只需执行以下操作：

$('#id_to_the_a_tag').click(function() {
    $("#maincontent").load("file.php");
    return: false;
});