12月11日(木)1コマ目

今日、やったこと

[REST API]更新

今日のホワイトボード

画面イメージ

下図のように、全件検索した結果を書籍名、価格が変更できるように、テキストボックスに。

さらに、どのテキストボックスに入力されたデータか分かるようにするために、各<input>タグにidを付与する。

 

図　更新画面のイメージ

入力内容を取得する

JavaScriptにて、<tbody>タグのrowsプロパティで全行が取得できる。

繰り返し処理で、rowsプロパティから1行分ずつ取得し、cellsプロパティで、各セルを取得。

図　入力内容を取得するには

update.html

update.js

あとはupdate()関数にて、サーバーに更新のためのリクエストを送信する。

サーバー側に、更新用メソッドを追加。

次回は

更新の完成。

あと、削除。