yujiroのプログラミング

勉強内容をアウトプットし、サボらないようにする為のブログ

<DAY94>非同期技術を用いた展開について勉強した単語たち

\ Follow me!! /

#学習状況

●学習日数 94日

●学習時間(本日)8時間

●累計学習時間 395.5時間

●一日あたりの平均学習時間 4.20時間

jsonファイルについて

{ "name": "Tanaka", "age": 26 }

jbuilderについて

rails gemにデフォルトで導入のある機能。
入力データーをjson形式に変換して出力する
該当するアクションと命名を合わせる必要がある。
 アクション名.json.jbiluder
これによりjson時のアクションをいちいちコントローラで記載する必要がない
ファイル内にはjsに渡す必要な情報を記入する


書き方は json.KEY VALUE

 json.text  @comment.text
  json.user_id  @comment.user.id
  json.user_name  @comment.user.nickname
||


*keyupイベントの範囲

[https://qiita.com/maruyam-a/items/cf0168f91d934b449a07:embed:cite]

*json送信時の型

HTTPパラメーター指定、URLを指定、送るDATAを指定、送る方式を指定
>|javascript|

$.ajax({
type: 'GET'
url:'/products/search'
data: {keyword: input }
dataType: 'json'
})

DOM要素とは

ツリー構造をさす。
セレクタは親要素をさす。
DOMの子要素を消すイベント、DOM構造全体を消すイベントなど、イベントによって適用範囲が異なる。