본문 바로가기

jQuery3

jqGrid 사용법 jqGrid는 데이터 테이블을 쉽게 구현할 수 있도록 도와주는 jQuery 플러그인이다. jqGrid에 대해서 알아보자 1. 선언$(function () { $("#grid").jqGrid({ url: '/data/getData', // 데이터를 가져올 URL datatype: 'json', // 데이터 타입 (json, xml, local 등) mtype: 'GET', // 요청 방식 (GET, POST) colNames: ['ID', 'Name', 'Age', 'City'], // 컬럼 이름 colModel: [ // 컬럼 모델 정의 { name: 'id', ind.. 2024. 12. 4.
JAVASCRIPT key down 이벤트 설정 과 키보드 key code // 바닐라document.addEventListener('keydown', function(event) { //반대는 keyup console.log('Key pressed:', event.key); // 누른 키의 값 출력 console.log('Key code:', event.code); // 누른 키의 코드 출력 // 특정 키에 대한 작업 예시 if (event.key === 'Enter') { console.log('Enter key was pressed'); }});// jQuery$(document).on('keydown', function(event) { // 반대는 keyup console.log('Key pressed:'.. 2024. 10. 17.
AJAX 란 ? AJAX (Asynchronous JavaScript and XML) 란?에이잭스, 아작스 등등 여러 이름으로 불린다. 웹 애플리케이션에서 비동기적으로 서버와 데이터를 주고받을 수 있도록 도와주는 기술 전체 페이지를 새로 고치지 않고도 서버에서 데이터를 받아와서 웹 페이지의 일부분을 업데이트할 수 있다.우선 좀 자세하게 들어가 보자면AJAX의 구성요소XMLHttpRequest 객체: 이 객체를 사용하여 서버와 비동기적으로 데이터를 주고 받음.서버: 데이터를 제공JavaScript: XMLHttpRequest 객체를 생성하고 조작하는 데 사용데이터포맷: JSON, XML, HTML 등 다양한 형식의 데이터를 주고 받을 수 있음동작 원리XMLHttpRequest 객체 생성설정전송응답이렇게 된다. 코드로 보면.. 2024. 7. 24.
728x90
반응형
LIST

티스토리툴바