Html 使用ajax填充div？

我最近创建了一个网站，左边有一个菜单栏。我的下一步是根据您在菜单中选择的选项，使用内容更新页面右侧。我知道您可以使用iframe，但我想知道是否有其他替代方法，比如更具动态性的方法

大多数菜单选项都是输入表单，我读过关于ajax调用来填充div的内容，但找不到关于如何实现它的好教程

编辑：

---

下面是一个草图，Ajax可以从服务器获取数据，但不能填充任何内容。Ajax只是用于与服务器通信的javascript。Javascript可以获取该数据并插入数据并创建元素来填充该分区。

您的意思是：

---

如果您真的想从另一个源动态获取数据，那就完全不同了。

考虑使用JQuery。处理Ajax请求比使用普通JS容易得多。 ajax函数的文档：

使用成功回调（成功后执行的函数），您可以填写您的div：

$.ajax({
  url: 'ajax/test.html',
  success: function(data) {
    $('.result').html(data);
    alert('Load was performed.');
  }
});

将选择器指向主div，而不是

.result

。函数的.html（）将

数据填充到div中，该数据是从ajax请求返回的数据

编辑：现在是2018年。使用。您可以使用jQuery
这是您的菜单按钮的外观：

<a href='#' onclick='return fillDiv(1)'>GoTo1</a>  
<script>  
function fillDiv(pageNum){
  $("#id_of_div_to_load_to").load("some_page.php",{ 'pahe_num': pageNum } );  
return false;  
}
</script>


函数fillDiv（pageNum）{
$（“#id_of_div_to_load_to”）.load（“some_page.php，{'pahe_num'：pageNum}）；
返回false；
}

这只是众多方法中的一种。
你试过什么吗？你最好试着做点什么，然后用可以修改的代码发布问题。你可以发布一个图片的链接（你网站的截图？），看起来很不错，但是我需要为我想加载到div中的每个不同页面编写一行类似的代码吗？抱歉，如果我听起来像个noob，但我从来没有使用jQuery:）“some_page.php”获取变量pageNum，并可以确定加载哪个页面。下一个菜单按钮可以是@user1789143:另请检查以下示例：