Question

我是HTML5的新手。我想建立一个使用HTML5的网站，我可以在Android和iPhone上使用它。我花了几天时间才得到解决方案，但都失败了。以下是我的情景：

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

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

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

Answer 1

这就是我要做的事情：将按钮显示为作为链接，如下所示：

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

<强> Example

然后，您所要做的就是将班级link分配给您想要显示为链接的所有按钮。

Answer 2

要提交POST数据，必须将数据发送到服务器。单凭超链接无法做到这一点 - 但是通过一些JS魔术，您可以轻松实现此目的。

如果您使用的是jQuery，您可以捕获click事件 - 根据click事件从链接收集数据，并通过$ .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-five或者只是如上所述，并使用.text获取锚标记之间的文本（）。我们在这里修剪，这真的不是最好的方法..但它是一种方法来做到这一点。当我使用链接对服务器执行任何类型的帖子时，如果它包含唯一值或类名，我通常会使用ID。

需要帮助才能访问MySQL数据库

2 个答案: