2010-06-20 30 views
0

所以我想要一個動態的標籤使用PHP和JavaScript的事情。爲了使它更容易理解,請記住臉書上的兩個選項(最近的新聞和最新的)或類似的東西,當你點擊其中一個時,它只是改變你在中間看到的內容,而不更新頁面。例如,我知道如何刪除div中的內容,但在刪除div(innerHTML =「」)中的內容後,我想用從數據庫中選擇的選項填充它。幫助改變頁面上的內容使用PHP和JavaScript

讓我們說我有一個選項(全部)和一個選項(只有這個) 默認情況下,當我運行頁面時,我將全部獲取。但是,如果我只點擊這個,它會清除div「我的標題」,並將用數據庫(數據庫)中的最新內容替換內容並顯示它。

爲此,我需要php和javascript,有沒有樣本或簡單的方法來做到這一點之前,我開始挖掘。

((如果是對不起尚不清楚,但Facebook的例子應該是足夠清晰))

回答

1

Whatyou正在尋找一種是AJAX/PHP的方法。

  • 單擊該選項卡
  • 當前內容被取消了。這是可能的,因爲它在HTML代碼中具有唯一的「id」屬性
  • 服務器被要求提供新內容。這是在/// /內容被刪除後將被觸發的AJAX請求。
  • 服務器發回代碼。這可以是HTML,JSON,XML或類似的。
  • 您腳本臨危答案,可以「做」與它的東西(像一些分析或類似)
  • 內容將被放置在頁面(再次,這是可能的,因爲一個獨特的「身份證」

這基本上是做的方式

退房不同的JavaScript框架都配備了漂亮的AJAX支持:

當然並且,因此也是一個不錯的地方看看:https://stackoverflow.com/questions/tagged/ajax+php

1

你說什麼是ajax

我會建議一個JavaScript庫來幫助利用這一點,如jquery

它可以像酷

$.post('serverScript.php', 
     function(data) { 
       $('#idOfDivToUpdate').html(data); //shove script data into div 
     },'html'); 

tutorial