개발자의 끄적끄적

[javascript/jquery] ajax 404 error example / ajax 404 에러 체크 방법 ajax 를 사용하여 서버와 데이터를 주고받다보면 http code 를 체크하여 상황에 맞게 로직을 구성해야 하는 경우가 있습니다. 그중에서 404 에러를 처리하는 방법을 공유하고자 합니다. $.ajax({ statusCode: { 404: function() { //to do } } }); 위 내용을 보시면 아시겠지만, ststuaCode 를 사용하여 404 에러를 감지하는 내용입니다! 참고들 하세요!

[javascript/jquery] jquery ajax timeout example / jquery ajax 타임아웃 설정 방법 jquery 에서 ajax 로 서버와 통신을 하다보면 시간 초과 즉, timeout 를 설정해야 하는 경우가 있습니다. 그럴때는 아래와 같이 timeout 를 설정하시면 됩니다. $.ajax({ url: "URL", error: function(){ // ERROR }, success: function(){ // Success }, timeout: 3000 // 3 seconds }); 위에 나와있는 내용처럼 timeout 를 설정하는데 1000 이 1초라서 3000을 입력하면 3초가 되는 겁니다! 참고들 하세요!

[javascript/jquery] ajax multiple inputs with same name example / ajax 같은 이름의 input 데이터 폼에 추가하기 ajax 로 데이터를 서버로 전송할때 form 을 사용합니다. 하지만 페이지가 로드된 후에 추가적으로 append 된 태그는 반영되지 않아서 수동으로 추가해서 전송해야 합니다. 아래는 같은이름을 사용하는 배열 형태의 데이터를 form 에 추가하는 내용입니다. $('input[name="member[]"]').each(function (index, name) { var value = $(name).val(); formData.append('member[]', value); }); 위 내용 보시면 아시겠지만 name 이 member[] 라..

[javascript/jquery] ajax Unsupported Media Type 415 error 해결 방법 ajax 로 통신을 하다보면 아래와 같은 에러가 나는 경우가 있습니다. 415 에러인데요. Unsupported Media Type ConetentType 을 지정하지 않아서, default 인 application/x-www-form-urlencoded 타입으로 요청이 넘어가서 받으려고 하는 json 과 맞지 않아서 에러가 나는 부분입니다. contentType: "application/json", 따라서 위 내용을 ajax 구문에 추가하면 됩니다. 아래는 추가한 예제 입니다. $.ajax({ type: "POST", url: url, contentType: "application/json..

[java] spring 환경에서 Ajax - queryString / html 방식 [펌] 프로세서 keyup:이벤트로 처리 : 이벤트로 처리 입력시, 조회내용을 화면에 뿌려줌 dataType : html jsp화면 호출.. -> html 결과물은 초기화면에 불러서 뿌려줌 초기화면 호출 화면 단에서 조건 검색 조건 내용에 대한 부분을 Controller로 호출 개발순서 초기화면호출 메서드 구현 method=init emplist 검색 text : ename, job keyup() 이벤트 처리 url : emp.do?method=ajaxlist dataType:"html" data:queryString(값) 주소,queryString,처리후, 함수 검색(query String) : ename = @@@&..

[ajax] 로그인 기능 Ajax 예제 Scenario: 로그인을 원래 쌩 jsp로 구성을 해보았엇는데 생각보다 많은게 필요하다. 만약 Jsp로 구성한다면 로그인 -> 로그인ok(로그인이 성공했는지 확인 page) -> 성공시 main (중간에 jsp 페이지를 안두고 구현 해볼려고했는데, 로그인 실패시 alert 창을 띄울수가 없었다.(엄청 고민해봤는데 결국 포기)) 이런식으로 중간에 jsp 페이지를 하나 더 거처야한다. 그러나 Ajax로 구현하면 동적으로 할 수있다. 그리고 페이지또한 로그인->성공시 main 실패시 그냥 alert 창 하나만 띄워주면 됐다. 아주 간편하다. Solutions: Ajax 구문 $('#btn_login').click(function() { var mid = $('#txt_..

[Ajax] 특정 Html 파일 삽입하기 및 Html파일내 특정 태그요소만 불러오기 Scenario: Ajax를 이용하여, 특정 Html 요소 불러오기 그 Html 파일내에 특정 태그 요소만 불러오고자 함 Solutions: 제일 고민됬던 부분.1. $.ajax를 써서 어떻게 태그요소만 불러올것인가?? 나는 ajax name:value를 뒤져봤는데 아무리봐도 나오지 않았다. 결국 jquery 메소드를 통해 해결 할 수 있엇다. 총 소스는 (아래) 메뉴 보기 1 메뉴 보기 2 : main 에서 불러올 html 파일 중 식 메 뉴 짜장면 짬뽕 기스면 탕수육 메뉴를 골라주세요. 출처 : https://unordinarydays.tistory.com/90