[JS] javascript 예시 코드 모음

query를 사용한 개체 검색

xpath에 해당하는 모든 개체들을 불러와 순회하는 예시 코드
검색쿼리는 css selector 문법 사용.

// div 아래 model 이라는 클래스명을 가지는 모든 개체 검색
const modelList = document.querySelectorAll("div.model");


// 검색된 항목에 대한 순회
modelList.forEach(element => {
  console.log(element);
});

---

Ajax

Post (Form 데이터 전달)

post 통신으로 form 데이터 전달

var formData = new FormData();
formData.append('data_a', data_a);
formData.append('data_b', data_a);

$.ajax({
  url: '/someurl',
  type: 'POST',
  data: formData,
  processData: false,
  contentType: false, // 'application/json; charset=utf-8',
  success: function(response) {
    if (response) {
      alert("처리 성공");
    } else {
      alert("처리 실패 (전달에는 성공했으나 내부로직으로부터 undefined 값 전달 받음)");
    }
  },
  error: function(error) {
    alert("처리 중 오류 발생");
  }
});

---

참고

• querySelectorAll - docu.