javascript - 编写 AJAX 来接收 JSON 文件？

Question

我正在尝试使用 jQuery 的 $.ajax 编写一个 AJAX 调用，但我不确定我的调用是否正确，尤其是创建 HTML 部分。

我在这方面真的很陌生，但我正在尝试在 Javascript 文件中编写，以创建将在左侧列中列出头像、名称、位置以及右侧列中的日期和故事的 HTML专栏。

到目前为止我的 JSON:

var user = [
  {'avatar': 'image'
   'author': 'name',
   'location': 'location',
 },
  {'date': 'date',
   'review': 'review'}
 ];

附件是 Javascript AJAX 文件:http://jsfiddle.net/AryX8/

我很确定大部分内容都没有正确编写，因为我不确定如何获取 JSON 内容并将其作为 HTML 输入到我的 HTML 页面上。到目前为止，我的 HTML 文件中有一个空的 div 容器。就是这样。如何将这 3 个文档合并在一起，特别是如何使用 javascript 编写 ajax 函数调用以在 success: 区域创建 html？

更新:

我正在尝试将数据保存在 JSON 文件中。通过编写 Javascript/jQuery AJAX 调用检索该数据，并让它“通过”我的 html 文件输出(换句话说，当加载此 html 文件时)index.html 页面，JSON 文件中的所有数据将显示通过 Javascript/jQuery/AJAX 成功字段格式化。

Answer 1

您的 JSON 似乎无效，但 fiddle 看起来可能有效。

尝试从您的服务器回显类似这样的内容:

var validJSON = {
    "array": [
        {
            "avatar": "johnny",
            "location": "location"
        },
        {
            "avatar": "mikey",
            "location": "location"
        }
    ]
};