크리스피코드
'Ajax' 태그의 글 목록

Ajax

JavaScript/JavaScript

[Javascript] XMLHttpRequest를 이용한 비동기 통신(AJAX)

자바스크립트의 XMLHttpRequest를 사용해 서버와 비동기 통신(AJAX)을 할 수 있다. var xhr = new XMLHttpRequest(); xhr.open('post', '/job'); xhr.setRequestHeader('Content-Type', 'application/json'); xhr.send(JSON.stringify({ 'e_id' : 'E101' })); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { console.log(xhr.responseText); } } 1. XMLHttpRequest 객체를 생성한다. 2. open()에 통신에 사용할 방식(method)과..

JavaScript/JQuery

[jQuery] ajax에서 data의 key값을 동적으로 주고 싶을 때

jQuery ajax에서 data의 key값을 동적으로 할당하고 싶을 경우 다음과 같이 작성할 수 있다. function ajaxTest(){ var testData = {}; testData["key값"] = "value값"; // key로 사용하고 싶은 값을 가져온다. var testkey = $('#testId').val(); testData[testKey] = "value값"; $.ajax({ url : '경로', type : '방식', data : testData, success : function(res){ if(res == "SUCCESS"){ alert("성공!"); } }, err : function(err){ alert(err.status + " : " + err.statusTest);..