私のプロジェクトの次のステップは、このヘルパー関数を削除し、解析 API から文字列の配列を取得するための独自の関数を作成することです。手順は次のとおりです。
「サーバーと直接やり取りを始めるので、それについてもっと知るのに役立ちます。サーバーは、HTTP 経由でその情報にアクセスして更新するための構造化された方法を提供する、データを格納するための柔軟なシステムである Parse によって実行されます ( * そのシステムの詳細については、API ドキュメント ( https://www.parse.com/docs/rest ) で読むことができますが、覚えておいてください: 調査に費やす時間が短いほど、より多くの時間を費やすことができます。次のステップを実装し続ける必要があります。
AJAX について学ぶ時間です。jQuery はそれにも大いに役立ちます。実際、サーバーとの通信に jQuery の AJAX ライブラリ以外の手法を使用しないでください。アクセス権を単純化するために、jQuery の AJAX ライブラリを少しハックしたためです。* ヒント: デフォルトでは、Parse API は結果の順序を保証しないため、送信するデータに「順序」プロパティを渡す必要があります。"
これは私が使用すべきものだと思うので、 $.get() 関数を理解しようとしています。理想的にはサーバーからデータを取得して表示する必要がある fetchNew 関数の一部としてリクエストを入れたいと思います。どんな助けでも素晴らしいでしょう。これは簡単なプロジェクトではなく、方向性は非常に最小限です。正しい方向へのヒントは素晴らしいでしょう。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://chatbuilder.hackreactor.com/ChatBuilder.js"></script>
</head>
<body>
<script>
Chat.guide.start();
delete Chat.display();
</script>
<h2>Borken Chat</h2>
<input class="draft" type="text"/> <button class="send">send
</button>
<ul class="messages">
<script>
var Chat_Messages=[];
function fetchNew() {
var PrintChat=function(Chat_Messages){
var y=Chat_Messages.length;
for(i=0;i<y;i++){
$(".messages").append("<li>"+Chat_Messages[i]+"<li>");
}
}
$.get("https://api.parse.com",(PrintChat),"json");
}
setInterval(fetchNew,3000);
$('.send').on('click', function(){
var message = $('.draft').val();
Chat.send(message);
});
</script>
</ul>