スパルタエンコーディングクラブ[ウェブ開発]2週目(1)
3744 ワード
<2週目のレッスンの目標>
1.Javascript構文に詳しい。
2.jQueryは簡単なHTMLを操作できます。
3.Ajaxを使用してサーバAPI(約定)にデータを送信し、結果を受信する.
これは、クライアントとサーバ間の通信をより深く学ぶ1週間です.
jQueryを使用してHTMLファイルを制御し、Ajaxを介してサーバにデータを再要求および受信
Javascriptを習ってから
たとえば、ボタンの色を変更したい場合は?たとえば、divboxを非表示にしたい場合は?
> document.getElementById("element").style.display = "none";$('#element').hide();
=>jQueryの方が直感的です.
jQueryの使い方
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head> cssはclassを選択者として使用する
jQueryでは、id値でボタン/入力ボックス/div/...を指定します.指の裏に使う.
function open_box() {
$(`#id값`).show()
}
function close_box(){
$(`#id값`).hide()
}$(`#id값`).val() //해당 id값을 가진 text박스의 값을 가져온다
$(`#id값`).val('~~') //해당 id값을 가진 text박스에 값을 입력한다.(挿入するフォームのHTMLコードをval()値に入れればよい.)
その他の関数
.append('추가하고자 하는 HTML 코드') //입력된 HTML코드를 추가한다
.split('') //입력된 문자를 기준으로 분리하여 배열을 선언한다
.empty() //$(`#id`)를 가진 HTML코드의 요소들을 전부 지운다JSONについて
「アドレス」ウィンドウに公開データのopenAPIアドレスを入力します(Chrome Extension JSOnViewをインストールするとより簡単に出力できます)
上図のようにJSONはkeyとvalueで構成されています.
(データ辞書とよく似ています)
クライアント->サーバ:GETリクエスト
クライアントリクエスト時でも「タイプ」は存在します.
GET→通常データ照会要求時
例)ムービーリストの表示
POST→通常データの作成、更新または削除を要求する場合
例)会員加入、会員脱退、パスワード修正
GET方式でデータを転送する方法
? : これは、ここで渡すデータを作成することを意味します.
&:他に伝達するデータがあることを示します.
例)Google.com/search?q=iphone&sourcceid=chrome&ie=UTF-8
위 주소는 google.com의 search 창구에 다음 정보를 전달합니다!
q=아이폰 (검색어)
sourceid=chrome (브라우저 정보)
ie=UTF-8 (인코딩 정보)上記の例に示すように、2つの部分に分かれています.「?」裂けた場所
"?"前の部分は<サーバアドレス>で、後の部分は[ムービー番号]です.
続いて...第2章に続く
Reference
この問題について(スパルタエンコーディングクラブ[ウェブ開発]2週目(1)), 我々は、より多くの情報をここで見つけました https://velog.io/@zerovo_dka/스파르타코딩클럽-웹개발-2주차テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol