キュレーションメディアの投稿画面について（Ajax?）

Question

最近のキュレーションメディアの投稿画面では、各アイテムごと（画像、テキストボックス、見出しなど…）に追加ボタンを押すと、その場で保存されてプレビュー状態のように表示され（例えば画像ならばURLを入れて追加ボタンを押すとその場で表示されます。ワードプレスならば<img～～>というようなコードが出るだけです）、反映されるようになっています。

これは、どのように書いているのでしょうか？
表示された項目のdivにid="item~~~~~~"とあるので、
追加ボタンを押すと、その場に項目を表示させるのと（Javascript？）同時にitemとしてarticle内に格納しているのでしょうか。
教えてください。

※追記

編集中に下書き保存をせずに画面を離れると、編集の内容が消えてしまうことから、その状態ではまだデータベースに送られていないのではないかと予想されるのですが、どうなんでしょうか？
一定領域内のコンテンツおよびコードをそのままformとして送信するということは可能なのでしょうか？

Answer 1

基本的に画面遷移せず内容を書き換えることにはJavaScriptを使用していると思って良いと思います。書き込まれたデータをAjaxでサーバに送り、問題があればエラーを、問題が無ければ画面の値を書き換えていると思います。

表示方法は入門書などを数冊御覧になって、体系的に学ばれることをお勧めします。

【JavaScriptの基本をサルでもわかるようにまとめた【入門用】 - いつ俺～いつから俺ができないと錯覚していた？～】
http://www.ituore.com/entry/javascript-basic

【JavaScript 第6版 : David Flanagan, 村上 列 : 本 : Amazon.co.jp】
http://www.amazon.co.jp/dp/4873115736

【絶対に読んでおきたい、JavaScriptのおすすめ書籍7冊 - Qiita】
http://qiita.com/axross/items/1fc342c04aa88d48c713

---

ちなみにWordPress でもビジュアルエディタを使用すると「その場で表示」されます。

【WordPressで画像を挿入する方法 | WordPress超初心者講座】
http://wp-exp.com/blog/insert-image/

【ビジュアルエディタの使い方【WordPressの記事の書き方】 | WPナビ】
http://wp-navi.net/setting/wordpress-visual-editor/

---

追記：

その状態ではまだデータベースに送られていないのではないかと予想されるのですが、どうなんでしょうか？

画面の書き換えとサーバの通信は別の作業なので、タイミングは設計によります。また、画面だけ書き換えておいてサーバへはフォームで値を渡すといった設計もあると思います。

一定領域内のコンテンツおよびコードをそのままformとして送信するということは可能なのでしょうか？

どういう解釈をされているかがわかりかねますが、コードをそのまま送信しているのではなく、入力された内容をページ内の変数で保持し、送信ボタンが押されたタイミングでそれら変数の内容をサーバに送ることは出来ます。