웹 개발 막힐 때 확인할 거(PHP, ajax, Javascript...)

뉴비의 좌충우돌이 담겨있음

Ctrl + F 로 검색

1. $.ajax {} 안에 <?=변수?>와 같은 PHP 구문이 없는지 확인

ajax안에는 주석을 달아놔도 php 구문이 있으면 오류가 난다. 콘솔 에러창에도 뜬니 확인. json은 만들어질 때 주석이 들어가지 않아야 한다고 전제되어있다고 함.
이걸로 하루를 날려먹었다

2. ajax 통신 이용하기

처음에 data_key : data_value 관계를 이해 못했다. 아무것도 모르고 ajax를 써야한다면 json 문법에 대해 검색해보길 추천한다. 키값은 구분을 위한 이름일 뿐이라 마음대로 지으시고, 벨류값은 실제로 데이터가 전송되어 넘어갈 값이다

$.ajax ({ 
  type: 'post',
  dataType: 'json',
  url: '',
  contentType: "charset=UTF-8",
  async: false, 
  data: {
    data_key : data_value,
    data_key2 : data_value2,
  },
  success: function(data){
  console.log("데이터 전송이 성공적 되었을 때 작동하는 콜백(?)함수란다. 여기다 함수를 넣어서 동작시킬 수도 있다.")},
  error: function(request, status, error) {
    console.log('code: ' + request.status + "\n" + 'message: ' + request.responseText + "\n" + 'error: ' + error);
  },
});

3. echo json_encode($객체), JSON.parse()

console.log(data) 반환시 뜨는 [object Object] 란?

https://www.daleseo.com/js-json/