2014-03-04 29 views
0

我正在使用Parse JavaScript API構建chatroom類型的應用程序。其任務是從Parse獲取一些數據,顯示它,將用戶輸入添加到消息中,並將其發送回解析。如何連接到解析JavaScript API? (502錯誤)

問題是我無法看到數據解析,並收到502錯誤。我對JavaScript有點新,所以關於如何實現這一點的任何建議,或者你在我的代碼中可能看到的任何錯誤,都會很棒。我也盡我所能地評論了我的代碼。謝謝您的幫助。

這是我的代碼;

$(document).ready(function(){ 
    delete Chat.display; 
    delete Chat.send; 
    delete Chat.fetch; 

    var my_messages = $('ul.messages') 
    //fetches data from parse 
    var myChat = function() { 
     $.ajax({ 
     url: "https://api.parse.com/1/classes/chats", 
     dataType: "json", 
     success: console.log("Success"), 
      function message(a) { 
     my_messages.append('<ul>' + a +'</ul>'); //adds ul 'text' to messages 
      }; 
     }); 
    }; 

    myChat(); // call mychat 


     $('button.send').on('click', function() { // when user clicks send 

     // send post to 
     $.ajax({ 
      type: "POST", 
      url: "https://api.parse.com/1/classes/chats", 
      data: JSON.stringify({text: $('input.draft').val()}), // stringify the text on value input.draft 
      function(message){ 
      window.location.reload(1) //refresh every 3 seconds 
      }); 
     }); 
}); 

</script> 
+0

,但你不應該使用某種權威性標題的地方?如何在沒有客戶端ID的情況下解析請求的來源(或等效) – JohnP

+0

嘗試將'console.log(「success」),''inside'函數消息(a){' –

+0

@rajesh謝謝你! – user1804592

回答

0

您在$ .ajax調用的兩個成功函數中都有語法錯誤。在第一個ajax調用中,您有console.log,這應該在成功回調中。在第二個ü甚至沒有添加成功:回調。

試試下面更新的代碼

我沒有用解析JS API
$(document).ready(function(){ 
    delete Chat.display; 
    delete Chat.send; 
    delete Chat.fetch; 

    var my_messages = $('ul.messages'); 

    var myChat = function() { 
     $.ajax({ 
      url: "https://api.parse.com/1/classes/chats", 
      dataType: "json", 
      success:function message(a) { 
       console.log("Success") 
       $.each(a,function(i,item){ 
        my_messages.append('<ul>' + item.username +'</ul>'); //adds ul 'text' to messages 
       }); 
      } 
     }); 
    }; 

    myChat(); // call mychat 

    $('button.send').on('click', function() { // when user clicks send 
     // send post to 
     $.ajax({ 
      type: "POST", 
      url: "https://api.parse.com/1/classes/chats", 
      data: JSON.stringify({text: $('input.draft').val()}), // stringify the text on value input.draft 
      success:function(message){ 
       window.location.reload(1) //refresh every 3 seconds 
      } 
     }); 
    }); 
}); 
+0

雖然你在語法錯誤方面是正確的,但是如果你指出它們是什麼,可能會更清楚,而不是隻是說'用這段代碼替換你的代碼'。 – sevenseacat

+0

感謝您的回答!這肯定有幫助,並在谷歌的控制檯,我可以看到「成功」,所以我現在針對API。但是,在「應用程序」中,我只能看到一個帶有[object Object]的列表。我鏈接到我在imgur上看到的圖像; http://i.imgur.com/08xYaoo.png – user1804592

+0

而不是console.log(「成功」),記錄你的結果。即console.log(a)檢查你得到的結果。 –