json (6) 썸네일형 리스트형 자바스크립트 배열 json 형식 데이터에서 정수값 실수로 변경하여 새로운 객체로 만들기 자바스크립트 배열 json 형식 데이터가 있습니다. 속성중에 score가 있는데, 이 부분을 일괄적으로 실수로 변경하고자 합니다. const data = [ {"name": "john", "score": 6}, {"name": "david", "score": 7}, {"name": "philip", "score": 8.9} ]; const new_array = data.map(item => { return { ...item, score: parseFloat((item.score).toFixed(1)) }; }); // 결과 출력 console.log(new_array); data 배열을 map 함수를 사용하여 새로운 new_array를 만들어 줍니다. `map()` 메서드에서 콜백 함수의 중괄호(`{}`.. 전자정부 ajax 405 에러 또 404에러 결과값을 json으로 돌려주는....컨트롤러 리퀘스트 맵핑도 맞고, 결과값도 가져오는 상황에서 계속 404에러 또는 405에러가 났다. 처음에는 post, get 요청에 따른 것인가..... 검색도 해보았으나.... Request method 'GET' not supported Ajax에서 404에러 또는 405에러 근데 정말 어처구니 없게도... servlet.xml 파일에서.... json view 설정을 안해줬던 것이었다!!! 아이고!! 결국 설정 안해줘서 그랬던것임... JSON 이란 JSON 애플리케이션 간 객체 데이터를 주고 받을 수 있는 경량 텍스트 포맷이다. JSON은 객체, 배열 리터럴을 자바스크립트 문법으로 표현하는데 다음과 같은 제약 사항이 따른다. - 객체 리터럴, 배열 리터럴, 문자열, 소수점 숫자, true, false, null 을 값으로 사용한다. - 모든 무자열은 작은 따옴표가 아닌 큰 따옴표로 구분한다. - 모든 프로퍼티 이름은 큰 따옴표로 구분한다. - 맨 끝에 쉼표를 붙일 수 없으며 요소를 생략 할 수 없다. pug json파일 읽어서 pug로 던지고 뿌리기 node.js에서 express로 간편하게 잡고, view파일은 pug로 사용중인데 DB사용까진 안해도 될거 같아서 json으로 작성한뒤 pug index파일로 뿌리려고 하는데~ 엄청나게 안되다가 해결했습니다. 눈물날거 같군... js/example.json [ { "thumbnailImg" :"/img/thumbnailImg01.jpg", "cardText" : "카드 텍스트 1", "cardTextNum" : "A-1", "textMuted" : "2020-11-09" }, { "thumbnailImg" :"/img/thumbnailImg02.jpg", "cardText" : "카드 텍스트 2", "cardTextNum" : "A-2", "textMuted" : "2020-11-10" } ] rout.. node.js에서 json 데이터가 안읽힐 때, dataJson.forEach is not a function 에러 문제 : index.js에서 fs 모듈을 이용해서 json파일을 읽어서 그 데이터를 가지고 index.pug로 렌더링 했습니다. router.get('/', function(req, res, next) { fs.readFile('./public/js/coffee.json', 'utf8', (err, dataJson) => { res.render('index', { title: 'Coffee Guide', dataJson } ); }); }); index.pug에서는 index.js에서 넘겨준 dataJson을 forEach로 꺼내어서 li 태그를 생성하려고 했습니다. 그러나 에러발생... // pug dataJson.forEach((item) => { li.nav-item button(value=`${i.. Ajax - (4) JSON 파일 읽어서 웹 브라우저에 출력하는 Ajax 예제 HTML JSON 텍스트 파일 실습입니다. 파일수신 JSON { "username" : "홍길동", "age" : 20, "address" : "서울" } 설명 16~21번라인 : createcreateHttpRequest(); 함수를 호출하여 XMlXMLHttpRequest 객체를 새엉하고 GET 방식으로 서버에 json파일을 비동기로 요청합니다. 서버의 응답 처리를 위해서 onreadystatechange 프로퍼티에서는 readyState 반환값에 따라서 자동으로 호출하는 callFunction 함수를 설정합니다. 26번 라인 : JSON 데이터를 응답 받기 위해서 responseText 프로퍼티를 사용합니다. 27번 라인 : eval 함수를 이용하여 응답 데이터인 텍스트를 JSON 객체로 변환합니다. 이전 1 다음
