编写AJAX以接收JSON文件?

时间:2013-04-05 19:54:33

标签: javascript jquery html css ajax

我正在尝试使用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:area中创建html?

更新:

我正在尝试将数据放在JSON文件中。通过编写Javascript / jQuery AJAX调用来检索该数据,并将其输出“通过”我的html文件(换句话说,当这个html文件即)index.html页面加载时,来自JSON文件的所有数据都将显示通过Javascript / jQuery / AJAX成功字段格式化。

2 个答案:

答案 0 :(得分:0)

您的JSON似乎无效,但小提琴看起来可能有效。

尝试从服务器回复更多类似的内容:

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

答案 1 :(得分:0)

JSON应该以'{'开头,以便像编译它一样! 您提供的数组以'['开头。这意味着这是变量或放在它之前的对象的数组!