ユーザーがビューでフォームに入力し (製品コードと更新ステータスを入力)、ユーザーが送信した後に (ページをリロードせずに) ビューにデータを表示する場合は、AJAX を使用する必要があります。JavaScript 関数をフォームのイベントにフックします。
$("#submit_button").click(function(){
$.ajax("/path/to/controller/route", {
// Insert various request options...
data: {
// data to be sent along with the reqest.
}
success: function(data){
// Define function that is fired when the AJAX request returns successfully.
}
});
});
このパスは、目的のレコードの更新を実行するサーバー側のエンドポイントに到達する必要があり、目的のレコードに関する情報をクライアント側に返すことができます。data
リクエストが正常に返されたら、success 関数の引数を介して、データに対してやりたいことが何でもできます。jQuery AJAX 関数の詳細についてはこちら、jQuery イベントの詳細についてはこちらを参照してください。
「リアルタイム」とは、ユーザーがトリガーしたイベントの代わりにタイマーを意味する場合、解決策は似ていますが、AJAX 要求は call のコールバック関数setTimeout()
または同様に機能する jQuery が提供する関数 ( などdelay()
)で定義されます。