ajax 소속으로 조직 가져오기.

*소속을 통해 해당 소속의 가맹점 정보를 가져오자.

 

 

java - controller

 

//가맹점 목록
	@RequestMapping(value = "/aJaxUserOrgList.do", method = RequestMethod.GET)
	public void aJaxUserOrgList(HttpSession session, HttpServletRequest request, HttpServletResponse response) {
		//Controller에서 바로 write를 해줄 예정이기에 반환형은 void. 때에 따라 수정
        //Log4j2.logger.info(Log4j2.log + getClass + Util.getMethodName());

		//javascript에서 호출한 Parameter.
		String franchisor_id=request.getParameter("franchisor_id");
        
        //해당 Parameter 정보를 가지고, DB에서 검색하여 조직 정보를 List<Model>에 저장.
		List<OrgVO> userOrgList=userDao.getOrgList(franchisor_id);
		//Log4j2.logger.info(Log4j2.logT+userOrgList);

		//List에 담긴 각 Model들을 Json Array 배열에 저장하기 위해 JSONArray 선언
		JSONArray jsonArray= new JSONArray();
		try {
		
        //조직의 갯수만큼 반복문을 돌며 JSONArray에 저장.
		for(int i=0;i<userOrgList.size();i++){
        	//한 조직당 하나의 JSONObject를 만들기.
			JSONObject jsonObject=new JSONObject();
			jsonObject.put("franchisor_id",userOrgList.get(i).getFranchisor_id());
			jsonObject.put("user_name",userOrgList.get(i).getUser_name());
            
            //위에서 만들어진 JSONObject를 Array 배열에 순서대로 Add
			jsonArray.add(jsonObject);
		}
        
        //response 설정
		response.setContentType("application/json; charset=utf-8");
		response.getWriter().write(jsonArray.toString());
		} catch (IOException e) {
			e.printStackTrace();
		}
	}

 

 

 

 

jsp

타이틀 입력부분

 

<div class="form-group col-6">
<label>가맹본부</label>
<c:if test="${gubun=='0'}">
<select class="form-control" id="franchisor_id" name="franchisor_id" onchange="getOrg(franchisor_id.value)">
    <c:forEach var="userCompanyList" items="${userCompanyList}">
	<option value="${userCompanyList.member_id}">${userCompanyList.user_name}</option>
    </c:forEach>
</select>
</c:if>
<c:if test="${gubun=='2'}">
    <input type="text" class="form-control" value="${member_id}" disabled="disabled">(${user_id})
    <input type="hidden" name="franchisor_id" value="${member_id}">
</c:if>
</div>
<div class="form-group col-6">
<label>단말기 조직</label>
<select class="form-control" id="member_id" name="member_id">
    <option>-가맹점-</option>
    <c:forEach var="userOrgList" items="${userOrgList2}">
	<option value="${userOrgList.member_id}">${userOrgList.user_name}</option>
    </c:forEach>
</select>
</div>

 

 

 

javascript

타이틀 입력부분

 

    <script type="text/javascript">
        function getOrg(franchisor_id){
            var user_name;
            $.ajax({
                type: "GET",
                url:'aJaxUserOrgList.do',
                dataType:"json",
                data: {franchisor_id : franchisor_id, user_name : user_name},
                success: function(data){
                    console.log(data);

                    if(data.length>0){
                        $("#member_id").find("option").remove().end().append("<option value=''>-가맹점 목록-</option>");
                        //배열 개수 만큼 option 추가
                        $.each(data, function(i){
                            $("#member_id").append("<option value='"+data[i].franchisor_id+"'>"+data[i].user_name+"</option>")
                        });
                    }else{
                        $("#member_id").find("option").remove().end().append("<option value=''>-가맹점없음-</option>");
                    }
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    alert("오류 발생");
                }
            });
        }
    </script>