jQuery个人资料页面＆gt;覆盖

Question

我希望创建个人资料页面。它将使用一个无序列表，其中li在列视图中向左浮动。每个li代表一张个人资料图片（通向叠加）。

我想点击个人资料图片并使用HTML文章jQuery进行展示。本文将是他们的个人资料页面。我能够创建CSS3和HTML。但是如何将图像及其信息调用到文章（个人资料模板）？

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

所需的个人资料信息：

• 图像
• 名称
• 标题
• Mob No
• 工作否
• EMAIL
• 引用标题
• 块引用

有什么想法吗？

Answer 1

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

1. 将信息存入XML / JSON文件
2. 然后通过将XML / JSON解析为JS中的对象来检索字段
3. 使用JS填充HTML字段

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

Answer 2

1. 使用ajax对php文件发送请求，发送您单击的图片的ID
2. 使用查询从数据库中获取所需的所有信息
3. 将其全部包装在JSON中
4. 将其发送回js文件
5. 将其解码为数组
6. 使用js数组用所有配置文件信息填充html

http://api.jquery.com/jQuery.ajax/

//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
    }
});

如果您遇到麻烦，您可以随时谷歌关于jquery ajax，这里也是一个简单的示例链接
http://tutorialzine.com/2009/09/simple-ajax-website-jquery/