通过单击产品链接填充网页

时间:2013-12-06 10:46:59

标签: javascript php html

我有一个模板网页,我需要填充数据库中的数据。这很容易。然而问题来自到达那里的手段。我有一个网站上的库存项目列表。当客户点击产品图片时,我希望能够生成包含更详细信息的网页。这是我不知道从哪里开始的问题。 我有数百种产品,所以我只需要一个文件,我可以链接到该页面并在该页面上生成内容

另一个额外的困难是我只能使用以下语言:HTML,PHP,Javascript和可能的AJAX(但我没有使用AJAX的经验)。我意识到这些是最常用的,但我对其他人更熟练:(

非常感谢任何帮助

1 个答案:

答案 0 :(得分:0)

我为你做了一个快速示例代码。我希望它能帮助您解决问题。

<强> Fiddle

$(document).delegate('.see-details','click',function(){
    //Create a view and populate the view with the returned data
    var view=$('<div/>', {'class':'detail-view'});
    view.text(getDetails($(this).attr('data-id')));
    //Atach the view to the dom. Here, I used body tag as the parent.
    $('.detail-view').remove();
    $('body').append(view);
});


var getDetails=function(id){
    var data=id;
    //make ajax call and return the data
    return data;
};