Week02. AJAX

1831 ワード
Web開発総合クラス テキストリンク

★あら捜しの末期

サーバとクライアント


サーバ-クライアント通信
  • クライアント:簡単に言えば、Webにアクセスする端末
  • サーバ:Webページを格納するコンピュータ.クライアント要求の受信と処理
  • サーバ->クライアント:JavaScript Object Notion(JSON)
  • ネットワークを介してデータを交換するためのデータ型
  • Dict&List形式類似
    • {
  "squadName": "Super hero squad",
  "homeTown": "Metro City",
  "formed": 2016,
  "secretBase": "Super tower",
  "active": true,
  "members": [
    {
      "name": "Molecule Man",
      "age": 29,
      "secretIdentity": "Dan Jukes",
      "powers": [
        "Radiation resistance",
        "Turning tiny",
        "Radiation blast"
      ]
    }
 출처: https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/JSON
  • Client->サーバ
  • Post:データの作成、変更および削除要求exを使用)会員加入および終了、パスワード変更など
  • Get:データ・クエリー用
  • ?: 転送するデータが作成されました
  • &:転送するデータもあります
    ex)https://www.google.com/search?q=iphone&newwindow=1分割
    https://www.google.com/search
    データが作成され、サーバに送信されます(以下?)
    q=iPhoneと(&)newwindow=1.

    • AJAX


    AJAXの定義
  • JavaScriptを使用してサーバとブラウザとデータを交換する通信機能
  • ページ全体をリフレッシュすることなく一部のデータをロードできる
  • JQueryは、インポートされたページでのみ機能します
    •  $.ajax({
  type: "GET", // 어떤 방식으로 요청 할 것인지
  url: "url",
  data: {}, // 요청하면서 함께 줄 데이터 (GET 요청시엔 공란)
  success: function(변수){ // 서버에서 받은 결과를 변수에 담음. 보통 response 많이 씀
    //내용 작성
  }
})
    HDu 4902 Nice boatセグメントツリー
    [プログラマー]K番目の数字(JavaScript)