Ajaxって何?



起業プロジェクトを行う過程でhtmlページをリフレッシュせず、リアルタイムでデータを受信する場合がある.このときの使い方はAJAXです.AJAXといえばサッカークラブしか思いつかなかったので、改めて無知を感じました.だから、それを勉強して整理します.

AJAXって何?

  • AjaxはJavaScriptのライブラリの1つで、非同期JavaScriptとXMLの略です.これはブラウザのXMLHttpRequestオブジェクトを使用してページ全体をリフレッシュする必要がなく、ページの一部にデータをロードするだけの技術であり、Ajaxの一言でJavaScriptを使用した非同期通信、クライアント、サーバ間でXMLデータを交換する技術として定義されています.簡単に言えば、JavaScriptでサーバにデータを要求します.
  • ひどうきモード

  • 非同期方式は、ウェブページをロードせずにデータをロードする方式である.Ajaxを介してサーバにリクエストを送信すると、プログラムは静止しているのではなく、実行を続行します.
  • なぜAJAXを使うのか

  • デフォルトでは、HTTPプロトコルはクライアントが要求を送信し、サーバ側が応答を受信すると接続が切断されます.したがって、画面全体の更新には、再要求、応答、ページ全体のリフレッシュが必要です.
    Butこの場合、ページの一部だけをリフレッシュしてもページ全体をロードすることで、リソース/時間の無駄が大きくなります.
    AJAXの場合、XML HttpRequestオブジェクトを介してサーバにリクエストを発行し、html全体ではなく一部のみを更新します.この場合、必要なデータをJsonまたはxml形式で受信および更新するだけで、リソースと時間を節約できるという利点があります.
  • 最後に,サーバ,クライアント,プロトコルなどの基本概念をまとめる.

  • クライアントとは?
    サーバから情報を取得し、ユーザに表示および対話できるソフトウェア.
    Ex)Webブラウザ、携帯アプリなど…

  • サーバとは
    ネットワーク上でアクセス可能なプログラムで、特定の資料の管理またはアクセスを制御します.ネットワークを介してクライアントに情報またはサービスを提供するコンピュータシステムは、コンピュータプログラム(サーバプログラム)またはデバイス(デバイス)を指す.

  • 契約とは?
    複数のコンピュータ間または中央コンピュータと端末間でデータ通信を行うために必要な通信約定.
    コンピューター間の情報交換では,我々が外国人と話しているときに母国語で話しても聞き取れないように,ネットワーク上でもプロトコルが正しくなければ通信ができない.すなわち、コンピュータとコンピュータ、デバイスとデバイスとの間で通信を試みる場合、異なる言語を使用すると通信ができない.公用語を使わなければなりません!(これがプロトコルです)
    プロトコルの使用は、情報の正確な交換にとって極めて重要です.
  • 要するに、AJAXを使用して、必要なデータをリアルタイムで受信し、さらにプロトタイプを完了することができます.次のコードは、私たちが使用しているAjaxメソッド文です.
    function updateData(){
        $.ajax({
          url: "connect.php",// url: 클라이언트가 요청 보낼 서버의 url 주소
          type:"post", // type: 데이터 전송 방식 (GET, POST)
          cache : false, //요청 페이지의 캐시 여부
          success: function(data){ // connect.php 파일에서 echo 결과값이 data 임
           $('#showInfo').html(data);
          }
        });
        infoID = setTimeout("updateData()", 500); // 0.5초 단위로 갱신 처리
    }
    Reference
    https://coding-factory.tistory.com/143
    https://velog.io/@surim014/AJAX%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80