2012-11-24 63 views
-1

我正在嘗試編寫一個「流」,用戶可以在其中輸入關於他們自己的狀態。PHP Javascript/AJAX表格

我有這個工作,但我想這樣你就不必重新加載頁面來查看你的新狀態。

我知道你需要使用Ajax來做這樣的事情,但問題是我不瞭解Javascript和Ajax。

我的代碼是:

if(isset($_POST['send-stream'])){ 
    dbquery("INSERT INTO friend_stream (userid,type,timestamp,status) VALUES ('".USER_ID."','1',current_timestamp(),'".clean($_POST['status'])."')"); 
    header("Location: ".WWW."/me"); 



<div class="new-stream"> 
    <form method="post"> 
     <input type="text" name="status" value="What's Up?" maxlength="150" onclick="this.value='';" /> 
     <input type="submit" name="send-stream" value="Share" /> 
    </form> 
</div> 

當他們提交自己的狀態,我也想它的股利(#朋友流)自動更新過。

任何人都知道如何做到這一點將不勝感激。

+0

這個問題太不具體了。有充足的免費資源來學習基本的JavaScript和Ajax。我建議使用一個庫,如jquery(http://jquery.com/) – madlee

回答

1

我認爲最好的方法是開始閱讀關於ajax和JS的東西。

http://www.w3schools.com/ajax/

http://api.jquery.com/jQuery.ajax/

,如果你會使用jQuery,你會做這樣的事情

$('#submitStatusButton').click(function(){ 
    var status = $('#statusId').val(); 
    if (.. something to validate that status is valid and not the same){ 
     $.ajax({ 
      type: "POST", 
      url: "yourFileForUpdating.php", 
      data: { 
      status: status, 
      // may be some other params 
      } 
     }).done(function(msg) { 
      // update your status 
     }); 
    } 
})