Javascript的问题。无法更新状态

时间:2011-12-22 21:46:18

标签: javascript facebook forms

当我在文本区域输入一些文本时,我正在使用Javascript来更新用户的状态。 这是Javascript for it -

<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 个答案:

答案 0 :(得分: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库。那是否包含在某个地方?