2012-08-11 57 views
-1

我是HTML5的新手。我想建立一個使用HTML5的網站,我可以在Android和iPhone上使用。我花了幾天的時間來獲得解決方案,但失敗了。以下是我的場景:需要幫助才能訪問MySQL數據庫

  1. MySQL數據庫有一個表(userinfo),它存儲用戶信息,例如,姓名,年齡,性別,職業,愛好,地址等
  2. 我有一個HTML5設計(category.html),其中3個選項(年齡爲< 5,年齡> 5,年齡> 20)標籤。
  3. 如果我觸摸age<5,那麼它將顯示list.html年齡小於5的名稱和性別的所有用戶列表。接下來,我將從這個名單觸摸的名稱,它會顯示在details.html

該用戶的詳細信息查詢很簡單:select name,sex from userinfo where age<5/age>20 etc.

我使用PHP來連接到數據庫。當我使用按鈕在窗體中分配動作(PHP中的GET/POST方法)時,對我來說很簡單,但這裏不是按鈕。這是一個包含錨鏈接的列表。我該怎麼做?以上場景適用於Android和iPhone。

+0

您是否嘗試過使用錨點上的點擊事件? – while1 2012-08-11 06:14:34

+0

[你有什麼嘗試?](http://whathaveyoutried.com) – Don 2012-08-11 06:18:22

回答

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.attr('class')//它將等於age-less-then-five,或者簡單地按照上面的方法操作,並通過使用.text來獲取錨標記之間的文本()。我們在這裏修剪,這真的不是最好的方式來做到這一點..但它是一種方法來做到這一點。當我使用鏈接來執行任何類型的帖子到服務器時,如果它具有唯一值或類名稱,我通常會使用一個ID。

+0

@Shaquin Trifonoff的方式是最好的方式,爲你想要做的,我相信。但上述方法將允許您發佈鏈接數據。 :) – 2012-08-11 07:01:11

+1

確實,它確實允許您使用鏈接發佈數據。但如果用戶禁用了JavaScript,它將不起作用。 – 2012-08-11 19:59:44

+0

肯定!一個必須注意 - 我爲沒有提到道歉。 – 2012-08-11 21:28:54

1

這是我會做:讓出現爲紐帶,像這樣的按鈕:

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

Example

然後,所有你需要做的是類link分配給您想要顯示爲鏈接的所有按鈕。