인생 데이터베이스

Programming/자바스크립트

[JavaScript/JQuery]Ajax HTTP 200 json parse error 해결

Controller에 들어가서 DB까지 연결은 성공했다, HTTP 200이라서 접속은 성공적이다. 하지만 error가 나온다 에러 메세지는 json parse라고 나온다. return값이나 Ajax 설정의 dataType이 잘못된 줄 알았지만 의외로 원인은 JAVA에 있었다. 파라미터로 들어온 데이터를 형변환 하면서 생기는 오류였다. 형변환을 알맞게 했는지 확인해보자

Programming/자바스크립트

[JavaScript/JQuery]Ajax 통신 시, HTTP 0 error 코드 원인

AJAX 통신이 끝나기 전에(비동기 이기 때문에) 창이 닫히는 경우에 HTTP 0 ERROR CODE를 반환한다. 통신 자체에 문제는 없었다. DB까지 찍고 온다. 해결 : AJAX 통신 완료 후에 창을 닫아주면 된다.

Programming/자바스크립트

[JavaScript]배열 특정 요소 제거

안타깝게도 javascript Array에 특정 요소 제거 함수는 없다... 뭐.. JAVA도 List가 아닌이상 못하는건 마찬가지지만.. 결론부터 말하자면 결국은 splice(index, value)로 삭제해 줘야 하는데 요지는 그 index를 어떻게 구하느냐에 있다. 다행히도 value로 index를 찾을 수 있는데 그 함수가 바로 Array.indexOf(value)이다. ---------- let arr = ["사과", "바나나", "포도"]; let a = arr.indexOf("바나나"); // 출력 : 1 arr.splice(a, 1); // a부터 1만큼 삭제 ( 자기자신 ) console.log(arr); // ["사과, "포도"] ---------- indexOf()의 파라미터로 받을 ..

Programming/자바스크립트

[JavaScript] Arrays.filter() [ 특정 값 or 배열만 남기고 싶을 때]

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115class App extends Component { constructor(props) { super(props); this.max_content_id = 3; this.state = { mode:"create", subject: {title: 'WEB', sub: "World Wide ..

Programming/자바스크립트

[JavaScript/JSON] JAVA에서 double 0.0으로 보냈는데 jsp에서 0일때

jsp에서 jstl태그로 출력하는 것이 아닌 json객체로 받을 때 종종 이런 경우를 겪는다. javascript는 0.0이건 0.00이건 0으로 간주한다. 0.0으로 표기하고 싶을 때는 parseFloat(0).toFixed(1) // 0.0 toFixed()메소드를 이용하자.

Programming/자바스크립트

[JavaScript] ajax와 ROWNUM을 통한 무한스크롤

1. SQL / myBatis mapper 부등호는 태그로 인식하여 에러가 나므로 로 처리해준다. Controller => Service => Dao => mapper 의 경로로 jsp에서 스크롤을 내릴때마다 start와 end에 +9를 해주어 1~9 / 10~18 / 19~27 ... 이런 식으로 ROWNUM을 통해 DB에서 값을 가져온다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 SELECT * FROM (select rownum as rownumber, p.* from PRODUCT p JOIN GOODS_CATEGORY ON (CATENAME = PRODUCT_CATEONE) WHERE CATECODE = 10 ) a WHERE a.rownumber = ]]> #{st..

Programming/자바스크립트

[JavaScript] 카테고리 필터로 원하는 값 표시하기

1. 선택한 필터 란의 값에 카테고리가 추가되면 그 추가된 카테고리만 표시되게 하고 싶었다. 2. JavaScript로 구현하였다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 /***** 카테고리 *****/ let filter = function(){ // 선택한 카테고리가 있을때만 실행 if($(".last-nav-td").children().length != 0){ let choiceCate = []; // 선택한 카테고리 배열 let cate; // 상품 카테..

Programming/자바스크립트

[JavaScript]문자열을 배열로 변환 후 구분자로 잘라내기

1234567 let category = 'a,b,c,d'; let arr = category.split(","); for(a in arr){ console.log(a + " : " + arr[a] + " 배열 : " + arr); } Colored by Color Scriptercs split("값") : 문자열을 값으로 구분하여 하나하나 인덱스로 배열에 담는다. for(a in b) : a는 인덱스, b는 원래의 (객체 or 배열)이다. b[a]로 (객체 or 배열)의 value값을 가져올 수 있다. => 출력값

Programming/자바스크립트

[JavaScript / JQuery]event객체 받아오기.

** JavaScript 이벤트 객체 const a = function(param){ console.log(param); } // JavaScript에서는 파라미터로 event를 넘겨주게 되면, // 현재 해당하는 event에 대한 객체 정보를 얻어올 수 있게 된다. // 출력 결과 // 또한, this와 함수명으로, 파라미터로 정보를 얻어올 수 있게 된다. 이벤트 객체 const a = function(param, param2, param3){ console.log(param); console.log(param2); console.log(param3); } // 출력 결과 ** JQuery 이벤트 객체 $("button").click(function(e){ console.log(e); // event객..

Programming/자바스크립트

[JavaScript/JQuery]키보드 입력, 마우스 클릭을[A.K.A 이벤트] 막고 싶을 때, event.preventDefault(); / e.preventDefault();

123456// enter 키 이벤트$(document).on('keydown', 'textarea', function(e){ if(e.keyCode == 13) { e.preventDefault(); // 엔터키가 입력되는 것을 막아준다. }});Colored by Color Scriptercs