jQuery配置文件页面>；覆盖层

我想创建一个个人资料页。它将使用列视图中左浮动的无序列表。每个

li

将代表一个配置文件图片（导致覆盖）

我想单击一个配置文件图片，并使用jQuery（一篇HTML文章）显示它。这篇文章将成为他们的个人资料页面。我能够创建CSS3和HTML。但是我如何将图像及其信息称为文章（配置文件模板）

我目前在一个PHP基本网站（本地）上使用jQuery1.9.1，在iMac上使用MAMP。我可以使用数据库，但更喜欢使用JavaScript文件来存储信息

所需的配置文件信息：

• 形象
• 名字
• 头衔
• 暴徒号
• 工作编号
• 电子邮件
• 引用标题
• 大宗报价

有什么想法吗

使用ajax向php文件发出请求，发送所单击图片的id

通过查询从数据库中获取所需的所有信息

将其全部封装在JSON中

将其发送回js文件

把它解码成一个数组

使用js数组用所有配置文件信息填充html

如果你遇到麻烦，你可以用谷歌搜索jquery ajax，这里还有一个简单的示例链接

---

您可以使用外部文件（.json、.xml、甚至.txt）来存储数据：

将信息存储到XML/JSON文件中

然后通过将XML/JSON解析为JS中的对象来检索字段

用JS填充HTML字段

没有数据库，但不是很方便，因为您必须解析整个文件才能检索字段

//on click element, get id from element
$.ajax({
    url: "getProfileInfo.php",
    data: {id : id},
    success: function(data) {
        // decode data to get your js array object
        // step 6
    }
});