1日5分間エンコードされたサーバ

web Architecture

サーバ操作用語

1. Browser & Server

サーバ-リソースを提供するマスター

2. API & HTTP

HPT-クライアントとサーバは通信のためにHTTPの約束とルールを守って通信する.

stateless
-HSTPの各リクエストは独立しています.

-HSTPはリクエストごとに独立しているのでstateはありません.

connectionless
-要求に一度に回答します.
-応答後に接続が切断されるため、応答できません.

DELETE-サーバ上のリソースを削除します.

3. Ajax

サーバからデータをインポートする方法

XMLHttpRequest

function reqListener () {
  console.log(this.responseText);
}
var oReq = new XMLHttpRequest();
oReq.addEventListener("load", reqListener);
oReq.open("GET", "http://www.example.org/example.txt");
oReq.send();

jQuery Ajax

$.ajax({
  url: 'http://example.com',
  method: 'GET',
  dataType: 'json'
})
  .done(function(json) {
	console.log(json)
  })
  .fail(function(xhr, status, errorThrown) {
  })
  .always(function(xhr, status) {
	console.log('요청완료')
  });

fetch

  fetch('http://example.com')
  .then(res => res.json())
  .then(data => {
    console.log(data);
  })
  .catch(err=>{
    console.error(err)	
  });

4.CORS

5.XSS

xssは、セキュリティの悪いWebアプリケーションに対するWebベースの攻撃であり、クライアント(ユーザ)向けである.

XSSリスク