スパルタ符号化ウェブページ開発2週目

9120 ワード

スパルタ符号化ウェブページ開発2週目
簡単に教えてくれて深く勉強させない感じ
スイカを舐める感じがします.ネガティブではありません.私はパカムから逃げたのを覚えています.だから、あなたがずっと私を元気にしてくれて嬉しいです.
この授業は正しいと思います.粘り強く、再び全体的に好奇心のある一部のグーグル学習.
Jquery
誰が私のために
  • HTMLを操作する便利なJavaScriptコードを編纂しました!
  • CSSはclass,jQueryはID,値でコード処理
    ex)
    바디에 이렇게 들어가있음 
    <input id="url" ></input>
    
    그러면 스크립트에는 
    $('#URL).value() 
    아이디값 넣어주고 value는 비워두면 값을 불러오고 넣으면 값을 보여줌 
    value 에 특정 값을 세팅해두면 해당 값이 들어가게됨 
    OPEN APIでAjaxを利用する方法
    オープンAPI、jsonフォーマット(ディックシリーズとライブラリの組合せ).
    ChromeにJSOnView拡張をインストールし、それをはっきりと見ることができます.
    ;会社で聞いたことがあるので、月曜日に確認します.
    基本的な骨格であれこれの応用を行う
    $.ajax({
      type: "GET",
      url: "여기에URL을입력",
      data: {},
      success: function(response){
        console.log(response)
      }
    })
    復習するコードの一部
    <script>
            function q1() {
                $('#names-q1').empty(); 처음부터 표 없이 시작하고 싶을때 사용 
                $.ajax({
                    type: "GET",
                    url: "http://spartacodingclub.shop/sparta_api/seoulbike",
                    data: {},
                    success: function (response) {
                        let rows = response["getStationList"]["row"]; let 별표 다섯개 나는 선언하는 걸로 이해함 
                        for (let i = 0; i < rows.length; i++) {
                            let rack_name = rows[i]['stationName'];
                            let rack_cnt = rows[i]['rackTotCnt'];
                            let bike_cnt = rows[i]['parkingBikeTotCnt'];
                            let temp_html = '';
                            if (bike_cnt < 5) {
                                temp_html = `<tr class="urgent">
                                    <td>${rack_name}</td>
                                    <td>${rack_cnt}</td>
                                    <td>${bike_cnt}</td>
                                  </tr>`
                            } else {
                                temp_html = `<tr>
                                    <td>${rack_name}</td>
                                    <td>${rack_cnt}</td>
                                    <td>${bike_cnt}</td>
                                  </tr>`
                            }
                            $('#names-q1').append(temp_html);
                        }
                    }
                })
            }
        </script>