2012-11-25 28 views
2

我對JavaScript和AJAX很新。一位朋友已經開始幫助我發佈狀態更新爲App.net的表單,但我無法使其工作。我確信代碼中有很多錯誤,但是要提前感謝您的幫助。如何製作一個類似Twitter的API的Ajax帖子

<html> 
<head> 
<title>Post to App.net</title> 
<link rel="stylesheet" type="text/css" href="style_post.css"> 
<script src="http://code.jquery.com/jquery-latest.js"></script> 
</head> 

<body> 
<script> 
function post() 
</script> 
<script type="text/javascript" language="javascript" src="count.js"></script> 

<form id="post" method="post"> 
<textarea name="fixlength" value="What's on your mind?" id="posttext" maxlength="256"  lengthcut="true"></textarea><br> 
<input type="submit" value="Post" id="submit"> 
</form> 
<label id="limitlbl_0" ><script> parseCharCounts(); </script></label> 

<script type="text/javascript"> 
var frm = $('#post'); 
var token = window.location.href.substring(45,143), 
var text = $('input[type="text"]').val() 
frm.submit(function() { 
     $.ajax({ 
      type: 'POST', 
      url: 'https://alpha-api.app.net/stream/0/posts', 
      data: { 
       text: 'test' 
       token: + token +' 
      }, 
      success: 
    }); 

    return false; 
}); 
</script> 

</body> 
</html> 
+0

僅可以使用與AJAX'GET'跨域。如果您必須'POST'需要從您的服務器執行此操作。跨域也有其他限制。從API文檔開始 – charlietfl

+2

我認爲您需要檢查錯誤控制檯。在上面的代碼中有* *錯誤。 – ahren

回答

1

如果你是一個更大的應用程序,那麼你肯定會需要得到Ajax調用工作(你可以做跨域的職位,以及被使用CORS)。然而,對於這種特殊的情況下,有一個簡單的解決方案:

http://developers.app.net/docs/other/web-intents/

使用網絡意圖,你可以使用iframe或很容易將用戶重定向到一個帖子的形式。只需使用正確的URL即可完成。根本不需要JS。

這裏是上面的例子:

https://alpha.app.net/intent/post/?text=%40adn%20When%20is%20the%20next%20meetup%3F

+0

是的,這就是我最終使用的。理想情況下,我會使用API​​,這樣我就可以分享收益分享計劃。 –

相關問題