2011-12-22 89 views
0

我正在使用Javascript更新用戶的狀態,當他在文本區域中輸入一些文本時。 這裏的JavaScript IT-Javascript的問題。無法更新狀態

<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script> 

     function updateStatus(){ 
      var status = document.getElementById('status').value; 
       FB.api('/me/feed', 'post', { message: status }, function(response) { 
        if (!response || response.error) { 
         alert('Error occured'); 
        } else { 
         alert('Status updated Successfully'); 
        } 
       }); 

</script> 

而這裏的表腳本我使用

<form action="" method="" onsubmit="updateStatus(); return false;"> 
    <label for="status">Update Status</label> 
    <input type="text" id="status" name="status" size="60" VALUE="Whats on Your mind"/> 
    <div align="right" style="height:30px; padding:10px 10px;"> 
    <label id="shareButton"> 
    <input type="submit" value="Share"> 
</label> 
</div> 
</div> 
</form> 

問題是,當我點擊提交頁面只是得到刷新。 任何幫助,將不勝感激。 我上傳了應用程序的完整代碼http://pastebin.com/UqzaBjpb

回答

1

將狀態更新放在窗體的onsubmit上,而不是按鈕的onclick。像這樣:

<form action="" method="" onsubmit="updateStatus(); return false;"> 
    <label for="status">Update Status</label> 
    <input type="text" id="status" name="status" size="60" VALUE="Whats on Your mind"/> 
    <div align="right" style="height:30px; padding:10px 10px;"> 
    <label id="shareButton"> 
     <input type="submit" value="Share"> 
    </label> 
</div> 
</form> 

注意:它看起來像你有一個額外的div關閉標籤,所以我也刪除了。

它看起來像你還沒有包括將給你FB的JS庫。那是否包含在某個地方?

+0

感謝您的回答。我試圖做這些改變,但我仍然在同一頁面刷新。請查看http://pastebin.com/UqzaBjpb – 2011-12-22 22:08:13

+0

上的完整代碼請參閱上面的編輯答案(最後一行)。 – glortho 2011-12-22 22:10:58

+0

我做了上述更改,但我仍然得到刷新頁面。在這裏檢查代碼http://pastebin.com/PSGUyhMb – 2011-12-22 22:23:27