2

我正在寻找创建个人资料页面。它将li在列视图中使用带有 ' 左浮动的无序列表。每个都li将代表一张个人资料图片（导致叠加）。

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

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

所需的个人资料信息：

  • 图片
  • 姓名
  • 标题
  • 暴徒号
  • 工作编号
  • 电子邮件
  • 报价标题
  • 块引用

有任何想法吗？

4

2 回答 2

1

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

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

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

于 2013-04-17T12:25:46.707 回答
0
  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
    }
});

如果您遇到麻烦，您可以随时在 Google 上搜索 jquery ajax，这里还有一个简单的示例链接
http://tutorialzine.com/2009/09/simple-ajax-website-jquery/

于 2013-04-17T12:24:29.370 回答