[jquery] Axios와 Fetch
·
JAVACSCRIPT
// 최상단에 jquery를 추가해주자 1. 정의🐲AJAX (Asynchronous JavaScript and XML) Ajax는 브라우저에서 비동기적으로 서버와 데이터를 주고받기 위해 사용되는 기술이다. Ajax는 주로 XMLHttpRequest 객체를 사용하여 구현하며, XML, JSON, HTML 등의 데이터를 처리할 수 있다. 🐲 Axios Axios는 자바스크립트의 HTTP 클라이언트 라이브러리로, 비동기 HTTP 요청을 더 간편하게 처리할 수 있도록 도와준다. 🐲 Fetch fetch는 자바스크립트의 내장 함수로, 브라우저에서 비동기 HTTP 요청을 보내기 위해 사용된다. 2. 사용법🐲 Ajax참고: [jquery] ajax() [jquery] ajax()ajax()old 문법 $.ajax( ..
[jquery]비동기호출 - $.get()
·
JAVACSCRIPT
🐲기본문법$.get(url, data, success);==$.ajax({url:loc, method:'get', success:function(){}})url (필수): 요청을 보낼 URL을 지정data (선택): 서버에 전송할 데이터. 객체 형태로 전송할 수 있으며, 쿼리 문자열 형식()으로 자동 변환됨.success (선택): 요청이 성공적으로 완료되었을 때 서버에서 반환된 데이터를 받는다. $.get('https://api.example.com/data', { id: 123 }) .done(function(response) { console.log(response); }) .fail(function(jqXHR, textStatus, errorThrown) { console.error('Error:..
[jquery] ajax()
·
JAVACSCRIPT
🐲ajax()old 문법 $.ajax( { url : loc, data : , success : function( data ) { // responseXML }, error : function(xhr, status, error) { } })url (필수): 요청을 보낼 URL을 지정data (선택): 서버에 객체 형태로 제공되며, 쿼리 문자열 형식으로 변환된다.success (선택): 요청이 성공적으로 완료되었을 때 서버에서 반환된 데이터를 매개변수로 받는다.error (선택):요청이 실패했을 때 호출되는 콜백 함수입니다. 이 함수는 세 가지 매개변수를 받을 수 있다: xhr: XMLHttpRequest 객체 status: 오류 상태 (예: "timeout", "error", "abort", "parse..
[js]데이터 처리 및 클라이언트 저장 방식(동기∙비동기 호출)
·
JAVACSCRIPT
db서버(sql)의 데이터를 꺼내서 아래 파일들로 가공한 후에 클라이언트(ex.chrome) 컴퓨터에 어떻게 저장할것인가/? 이때 가공할때 java//jsp/spring에서 가공하는데 이때 이용되는 서버가 was서버 오라클의데이터를 가지고와서 자바가 바꾸고 html/css/javascript/png/mp4에 넣어줌 웹서버(text(csv),html,xml,json)을 html로 많이 바꿈데이터 처리 및 클라이언트 저장 방식DB 서버에서 데이터를 가져와 WAS 서버에서 가공한 후, 웹서버를 통해 클라이언트에 저장한다. 이때, Java, JSP, Spring 등의 기술을 활용하여 데이터를 가공하고, 다양한 형식(HTML/CSS, JavaScript, PNG, MP4)으로 변환하여 클라이언트에 전달한다. 데이..