使用ajax/json加载多内容div

我已经使用Ajax实现了外部内容加载。现在，我想使用Json对象代码添加多个容器加载功能

您能帮我将json对象代码合并到Ajax代码中吗。我在编码方面的知识非常有限：

以下是详细信息：

以下是json对象：

var json = [{
  'id': 'content',
  'wrapper': '__content-wrapper'
}, {
  'id': 'content',
  'wrapper': '__content-wrapper'
}]

$.each(json, function(i, itm) {
  $('#' + itm.id).wrap('<div id="' + itm.wrapper + '"></div>');
  pageload(itm.id, itm.wrapper);
}

function pageload(id, wrapper) {

}

我还想补充一点，这是我特别想要实现的目标：

为了能够将内容加载到中，我们将其称为从html页面中相应的div中提取的div 1，单击第一个导航菜单中的任何选项卡将其称为featured.html，我们将其称为topnav。 为了能够将内容加载到中，我们将其称为从另一个html页面中相应的div中提取的div 2，单击第二个导航菜单中的任何选项卡，我们将其称为news.html，我们将其称为vertnav bar。 另外，每次点击只会加载一个div。根据您的解释，我认为我提到的关于pageload调用函数的这个特定细节很重要。换句话说，在任何一个给定的时间点，单击都不会将数据加载到多个div

如果有任何帮助，我将不胜感激

致意

---

Paul

如果我理解正确，那么您需要一些东西来获取通过Ajax调用加载的JSON数据，并将这个JSON对象放入一些HTML中。也许你应该在JQuery插件上玩一玩。它使您能够将json对象加载到任意html元素中

$("#div1").loadJSON( jsonObject );

其中'div1'是元素的id，jsonObject是您已经加载的JSON对象。插件站点上很少有示例可以帮助您，例如，它显示了如何将json对象与类别一起加载到下拉列表中。每次父类别更改时，将重新加载子类别。它看起来像是您示例的简化案例

---

Jovan

如果我理解正确，那么您需要一些东西来获取通过Ajax调用加载的JSON数据，并将这个JSON对象放入HTML中。也许你应该在JQuery插件上玩一玩。它使您能够将json对象加载到任意html元素中

$("#div1").loadJSON( jsonObject );

其中'div1'是元素的id，jsonObject是您已经加载的JSON对象。插件站点上很少有示例可以帮助您，例如，它显示了如何将json对象与类别一起加载到下拉列表中。每次父类别更改时，将重新加载子类别。它看起来像是您示例的简化案例

乔万

$("#div1").loadJSON( jsonObject );