FrontEnd/Ajax 3

ajax의 data

ajax에서 data부분과 success:function(data)의 data가 같은건 줄 알았다 $.ajax({ url:"/callRegist", method:"post", data:insertSerial, success:function(result){ if(result="0000"){ }else if(result="9999"){ alert("정보를 확인해주세요"); return; } alert("등록되었습니다."); location.href="/companyList" } }); data:~~로 보내는건 controller 부터 디비까지 html의 정보를 쭉 보내는 것이고, success:function(data)는 controller로 부터 정보를 담아오는 것...!! 그래서 success:funct..

FrontEnd/Ajax 2022.04.29

ajax로 <form> 데이터 받아가기!

페이지 연결 시 form에 name값을 submit() 하는 방법을 많이 썼었는데 팀장님께서 그렇게 하면 매번 새로고침이 되는데 그러면 사용자 입장에서 불편하다고 해서 ajax로 다시 바꾸라고 하셨다! 그러면 ajax에서 form의 데이터는 그러면 어떻게 받아갈 수 있을까??? var insertSerial = $("#form1").serialize(); 바로 답은 .serialize()!!!! form의 데이터를 그냥 바로 가져간다!!! 개꿀 함수!! $.ajax({ url:"/callRegist", method:"post", data:insertSerial, success:function(result){ if(result="0000"){ }else if(result="9999"){ alert("정보를..

FrontEnd/Ajax 2022.04.29

목록별로 검색조건 만들어서 ajax로 리스트 띄우기

목록별로 검색조건을 만들어서 검색 되게 하라는 과제! $("#callOrder").click(function(){ //조회버튼 누를 때 실행 if(start == "" || end == '' ){ console.log("공백값입니다." ); alert("날짜를 입력해주세요"); }else{ var searchSerial = $("#form1").serialize(); $.ajax({ url:"/companySearchList", method: "post", data: searchSerial, success : function(data) { $('#dataListDiv').html(data); }, }); } }); 자바스크립트에서 ajax로 /companySearchList를 불러준다 그러면 contro..

FrontEnd/Ajax 2022.04.29