-1

我是 HTML5 的新手。我想使用 HTML5 构建一个可以在 Android 和 iPhone 中使用的网站。我花了几天的时间找到解决方案，但失败了。下面是我的场景：

  1. MySQL 数据库有一个表 ( userinfo) 存储用户信息，例如姓名、年龄、性别、职业、爱好、地址等。
  2. 我有一个 HTML5 设计 ( category.html)，其中 3 个选项（age<5,age>5 和 age<20,age>20）作为带有锚标记的列表存在。
  3. 如果我触摸age<5，它将显示所有年龄小于 5 英寸的姓名和性别的用户列表list.html。接下来，我将从该列表中触摸一个名称，它将显示该用户的详细信息details.html

查询很简单：select name,sex from userinfo where age<5/age>20 etc.

我正在使用 PHP 连接到数据库。当我使用按钮在表单中分配操作（GET/POSTPHP 中的方法）时，这对我来说很容易，但在这里它不是按钮。它是一个带有锚链接的列表。我该怎么做？上述方案适用于 Android 和 iPhone。

4

2 回答 2

1

这就是我要做的：使按钮显示为链接，如下所示：

.link {
    background: none;
    border: none;
    text-decoration: underline;
    color: blue;
    cursor: pointer
}

例子

然后您所要做的就是将类分配给link您希望显示为链接的所有按钮。

于 2012-08-11T06:31:29.307 回答
1

为了提交 POST 数据，必须将数据发送到服务器。单独的超链接无法做到这一点 - 但是使用一点 JS 魔法，您可以轻松完成此操作。

如果您使用 jQuery 之类的东西，您可以捕获点击事件——根据点击事件从链接中收集数据，并通过 $.post/$.ajax 提交给服务器。

HTML：

<a href="javascript:void(0);" class="age-less-then-five">age<5</a>

Javascript：

$('a.classname').click(function(){
            var that = $(this), value = that.text().trim(); 
            //you can optionally store a value in the classname, or ID which is what I would do.. in this scenario.. I think XD

            $.post('yoururl.com/phpscript.php',{postName: value}, function(data){
                //load whatever data you want, or redirect to list.html now that you've gathered desired data
            }
        });

为了澄清上述答案， var that = $(this); 指被点击的链接。因此，您可以通过以下方式从锚中获取类名： that.attr('class') // 这将等于 age-less-then-5 或简单地按照上述方式进行操作，并使用 .text 获取锚标记之间的文本()。我们在这里修剪，这确实不是最好的方法......但它是一种方法。当我使用链接向服务器执行任何类型的发布时，如果 ID 包含唯一值或类名，我通常会使用它。

于 2012-08-11T06:44:30.627 回答