jsメモ 10/11

Memo

// index.html
<script type="module" src="main.js"></script>

// main.js
import renderHTML from './render.js';

(function() {
  var inputText = document.getElementById('input');
  renderHTML(inputText);
})();

これでhtmlでつかうようのJSでもimportを使用することができるようになる

fetch API

function postAPI() {
  var csrfToken = document.getElementsByName(csrftokenが指定されているnameの値);
  var url = '';
  var headers: {
    'Content-Type': 'application/json',
    'X-CSRF-Token': csrfToken,
  }
  fetch(url, {
    method: 'POST',
    mode: 'cors', // corsモード
    credentials: 'include',
    headers,
    body
  })
  .then(function(res) {
    console.log(res);
  })
}

credentials

developer.mozilla.org

クロスオリジンリクエストの場合に、ユーザーエージェントがほかのドメインからクッキーを送信すべきかどうかを示す

• `omit:‘クッキーを送信しない
• same-origin:同一のオリジンの場合のみクッキーを送信
• `include:‘クロスオリジンの場合でもクッキーを送信