메시리
531
2019-07-22 00:37:36 작성 2019-07-22 00:38:08 수정됨
2
179

ajax 데이터 전송 방법 질문 입니다!


js

    $.fn.popWorkList = function() {
    	
    	var user_id  = 'ddd13';
    	var work = $('#popSearch').val();
    	
    	console.log(user_id);
    	console.log(work);
    	
    	$.ajax({
    		
    		type: "POST"
    	,	url: "/patternRegi/getWorkList.do"	
    	,	dataTyep: "JSON"
    	,	traditional: true 
    	,	data: {
    			"user_id" : user_id
    		,	"work"    : work
    		}    			    		
    	,	contentType: "application/json"
    	,	success: function(obj) {    			    		
    			popWorkListCallBack(obj);
    		}
    	,	error: function(xhr, status, error) { }
    	});
    }
    


컨트롤러

package com.duk.ballondor.regi.controller;

import java.util.List;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import com.duk.ballondor.regi.dto.WorkListDto;
import com.duk.ballondor.regi.service.PatternRegiService;
import com.duk.ballondor.regi.vo.WorkListVo;

@Controller
@RequestMapping(value="/patternRegi")
public class PatternRegiController {

	@Autowired
	private PatternRegiService patternRegiService;
	
	@RequestMapping(value="/patternRegiView.do")
	public String mainRegi(HttpServletRequest request, HttpServletResponse response) throws Exception {
		
		return "myPatternRegi/myPatternRegi";		
	}
	
	@RequestMapping(value="/getWorkList.do")
	@ResponseBody
	public List<WorkListDto> getWorkList(HttpServletRequest request, HttpServletResponse response, WorkListVo param) throws Exception{				
		
		List<WorkListDto> workList = patternRegiService.getWorkList(param);
		
		return workList;
	}
}


jsp

<div class="dimLayer">
    <div class="dimBg"></div>
    <div id="layer2" class="popLayer">
    	<div class="popTop">
    		<div class="popSearchWrap">	
    			<input type="text" id="popSearch" placeholder="리스트를 조회 하세요"/>
    		</div>	
    		<div class="popSearchBtnWrap">
    			<button id="popSearchBtn" class="basicBtn">조회</button>    			
    			<button id="popRegiBtn" class="basicBtn">등록</button> 
    		</div>	
    	</div>
        <div class="popContainer">
            <div class="popConts">
                <!--content //-->
                <div class="popTable" id="popTable">
	                <table>
	                	<tbody>
	                	</tbody>
	                </table>
				</div>
                <div class="closeBtnWrap">
                    <button id="closeBtn" class="basicBtn">닫기</button>
                </div>
                <!--// content-->
            </div>
        </div>
    </div>
</div>


ajax를 이용하여 서버로 데이터를 던져 쿼리를 돌리려고 합니다.

보통 map과 vo를 많이 사용하는 것 같은데 둘 다 찾아봐도 동작이 제대로 되지 않네요..

현재 소스는 위와 같이 작성 되어 있구요. 당연히 컨트롤러에 넘어가는 데이터는 NULL이 나옵니다.

VO객체는 GET, SET 다 만들어 놧구요. 

MAP으로 한다면 어떻게 넘기고 받아야 할지, VO로 넘기면 어떻게 넘기고 받아야 할지...

잘 되지 않네요.. 도움 요청합니다! 인터넷에 자료 정말 많은데.. 이상하게 저는 안되네요...

0
0
  • 답변 2

  • blgrm
    6
    2019-07-22 00:48:00

    ajax 에서  dataTyep -> dataType 오타를 수정해도

    해결이 안되려나요

    0
  • 메시리
    531
    2019-07-22 12:45:03

    ;;;아 설마.. 다른 부분은 맞는건가요?

    저거 하루내내 못봤는데..  

    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.