状況が成功するとAjaxユーザー通知

Question

私はdjangoプロジェクトで作業していますが、私はこのようなタスクのステータスを確認するためにこのようないくつかのことを持っていることから、ユーザーは見ることのできないセロリでバックグラウンドタスクを実行しています

{ 
    "task": { 
     "status": "PENDING", 
     "result": null, 
     "id": "3dbf226a-a7f5-4e9b-8094-4ad1383aa6fd" 
    } 
} 

タスクが完了した場合：タスクが実行されている場合は、

'/tasks/3dbf226a-a7f5-4e9b-8094-4ad1383aa6fd/status/' 

フォームは私が

のようなJSONレスポンスを取得し、この

{ 
    "task": { 
     "status": "SUCCESS", 
     "result": null, 
     "id": "3dbf226a-a7f5-4e9b-8094-4ad1383aa6fd" 
    } 
} 

ステータスが「成功」に変更された場合は、AJAXを使用して状態をチェックしてください。ステータスが「成功」に変更された場合は、タスクが完了したことをユーザーに通知する通知またはメッセージが必要です。正常に（facebookやtwitterのように）、閉じるとブラウザを開いた場合、通知は、ユーザーがそれをクリックするまでそこに残る必要があります。私は非常にAJAXに新しいです、誰もこれを達成するために私を助けてください。どのようにajax呼び出しでこれを行うには。私のアプローチが間違っている場合は、これを達成するために他の方法があれば私を適切な方法で案内してください。

Answer 1

あなたが持っているURLをポーリングしSUCCESS状態を待ち、このような何かするsetTimeout()を使用することができます。

function checkTaskStatus() { 
    $.ajax({ 
     url: '/tasks/3dbf226a-a7f5-4e9b-8094-4ad1383aa6fd/status/', 
     success: function(json) { 
      if (json.task.status == 'SUCCESS') { 
       // show a message to the user 
      } else { 
       setTimeout(checkTaskStatus, 10000); // try again in 10 seconds 
      } 
     } 
    }); 
} 

checkTaskStatus(); // check on load of the page 

Answer 2

$（ドキュメント）.ready（関数（）{ のsetInterval（ajaxcall、1000） ; // 1000マイクロ秒毎にajaxcallを呼び出す }）;

関数ajaxcall（）{$ アヤックス（{ URL： '/タスク/ 3dbf226a-a7f5-4e9b-8094-4ad1383aa6fd /ステータス/'、 成功：機能（JSON）{ 場合（json.task .status == 'SUCCESS'）{ //ユーザーにメッセージを表示 } } }）; }