JSON 3

React 검색창(searchBar) useEffect fetch api : json 데이터

검색창에서 조건 검색할 데이터를 임시로 searchItems 라는 이름의 변수에 직접적으로 리스트 데이터를 직접 선언했다가 나중에 데이터를 api 를 통해서 가져오기 위해서 주석처리를 하고 useEffect 를 사용하여 데이터를 세팅해주는 방법입니다. fetch 함수에 url 주소를 넣어주면 데이터를 자동으로 가져오게 됩니다. 그러면 .then 함수를 이용하여서 변수명 res 으로 받아서 json함수로 하여서 데이터를 json 으로 변환하게 됩니다. 그리고 json 으로 변환된 데이터를 변수명 productArray 으로 받아서 사용하게 됩니다. 참고로 변수명은 임의로 변경이 가능합니다. 배열 데이터는 map 함수로 특정 데이터만 추출이 가능한데요. map 함수가 실행이 되면서 json 형태의 데이터의 ..

PHP 에서 크로스도메인 처리 및 전역변수 사용하기

만약 외부에서 AJAX 로 하여서 JSON 으로 값을 받아간다고 하였을때에.. 로컬에서는 되지만 외부에서는 않되는 경우가 있는데.. 이는 바로 크로스 도메인 문제 때문입니다. 즉 연결하려면 파일의 이름이 다른 도메인 영역대에 있기 때문입니다. 이는 데이터를 SEND 하는 곳이 아닌 데이터 값을 RESPONSE(응답)해주는 곳에서 처리를 해야합니다. 즉 외부의 사이트에서 도메인이 다른 특정 파일에 값을 요청한다고 했을때에는.. 해당 요청되어지는 파일에 아래와 같은 해더의 선언이 필요합니다. header('Access-Control-Allow-Origin: *'); 아래의 예제 코드와 같이 php 파일 상단에 써주면 됩니다. 그리고 php 함수에서 매개변수를 하나만 주었는데.. 외부에 선언된 변수값에 접근하..

IT News/PHP 2018.10.16

image upload with jQuery and Ajax and return Value is json (ajax 이미지 업로드)

jQuery 를 이용하여서 title, type, 그리고 이미지 파일을 한개 전송을 한다고 했을때 그것도 aJax를 통해서 말이죠... 적용하느라 하루 이상이 걸렸는데요. 아무튼 여기서 핵심은 FormData 를 생성하고.. 첨부된 파일 정보를 줘야 합니다. 그리고 processData 와 contentType 값을 false 로 해야합니다. 참고로 datatype 를 json 으로 한 이유는 반환받는 값을 json 형태로 값을 인식하기 위함입니다. 이것은 꼭 않하셔도 됩니다. 아래의 예제는 핵심되는 ajax 파일 부분만 있으니 참고만 하시면 될것 같습니다. var currentDlg = $('#add_dialog'); var title = currentDlg.find('#title').val(); va..

IT News/jQuery 2017.11.09