WEB JAVA SPRING/JS7 JSON, JavaScript 객체 차이 📌type이 object인 이유?? jsp의 success: function(data) 여기로 넘어감 console.log(data) 결과 🚩ajax에서 dataType: "JSON"을 설정했을 때, 서버에서 응답한 데이터가 JSON 형식으로 전달되면, JavaScript에서는 이 데이터를 받아서 자동으로 JavaScript 객체로 변환함 예를 들어, 서버에서 다음과 같은 JSON 형식의 데이터를 보냈다고 가정 { "name": "John", "age": 30 } 이 데이터는 JavaScript 객체처럼 다루어짐 즉, 다음과 같이 사용 console.log(data.name); // "John" console.log(data.age); // 30 typeof data가 "object"로 표시되는 이유는 .. WEB JAVA SPRING/JS 2023. 10. 5. jquery 제이쿼리와 AjaxAjax를 이용하여 개발을 손쉽게 할 수 있도록 미리 여러 가지 기능을 포함해 놓은 개발 환경을Ajax 프레임워크라고 합니다.그중에서도 현재 가장 널리 사용되고 있는 Ajax 프레임워크는 바로 제이쿼리(jQuery)입니다.$.ajax({ url: "/examples/media/request_ajax.php", // 클라이언트가 요청을 보낼 서버의 URL 주소 data: { name: "홍길동" }, // HTTP 요청과 함께 서버로 보낼 데이터 type: "GET", // HTTP 요청 방식(GET, POST) dataType: "json" // 서버에서 보내줄.. WEB JAVA SPRING/JS 2023. 9. 12. Ajax 개념과 코드 적용(댓글 등록) 웹 페이지 전체를 다시 로딩하지 않고 일부분만을 갱신할 수 있다. 즉 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있다.\ 댓글 등록시 바로 등록되고 삭제시 바로 삭제된다. (새로고침되지않음) 세션 등록을 했기 때문에 댓글 작성자만 삭제 가능하다. Asynchronous JavaScript and XML 으로 동적인 웹 페이지를 만들기 위한 개발 기법이며 이때 서버와는 다음과 같은 다양한 형태의 데이터를 주고받을 수 있다. - JSON - XML - HTML - 텍스트 파일 등 동작원리 ① : 사용자에 의한 요청 이벤트가 발생합니다. ② : 요청 이벤트가 발생하면 이벤트 핸들러에 의해 자바스크립트가 호출됩니다. ③ : 자바스크립트는 XMLHttpRequest 객체를 .. WEB JAVA SPRING/JS 2023. 9. 12. json데이터를 활용한 기초적인 홈페이지 https://data.seoul.go.kr/dataList/OA-1176/S/1/datasetView.do 열린데이터광장 메인데이터분류,데이터검색,데이터활용data.seoul.go.kr 열린데이터광장의 json데이터를 활용하였다.필드를 체크하고 검색하고 싶은 단어를 치면 결과값이 나온다!>>>>>>>데이터 URL: https://data.seoul.go.kr/dataList/OA-1176/S/1/datasetView.do 검색 단어: 필드: guname m_addr m_name lng m_code .. WEB JAVA SPRING/JS 2023. 8. 24. 자바스크립트 테이블 만들기 테이블 만들기 테이블 만들기 세로 줄수 : 가로 칸수 : enter WEB JAVA SPRING/JS 2023. 8. 24. 자바스크립트 과목,평균,반평균 점수,순위 출력하기 과목 평균 순위 WEB JAVA SPRING/JS 2023. 8. 24. 자바스크립트 문자열 뒤집기 문자열 뒤집기 WEB JAVA SPRING/JS 2023. 8. 24. 이전 1 다음
