data flow :: spring boot + jsp + ajax ,,,, spring boot + vue.js

Vue.js를 공부하고있는데

data flow가 다른거같다.

내가 공부했던 jsp와

 

백엔드에서 jsp로 데이터 넘겨주는경우

@Controller
public class 클래스 이름  {
	
    @GetMapping("uri경로")
    메소드 선언부 ( ~ ~ , Model model ) {
    	
    		    ~
        				~
        
        model.addAttribute(" ~ ",  ~  );
                        
    	return "jsp파일 경로 + 이름";
    }
    
}

jsp에 model.addAttribute("  ~  ",   ~   ); 로 처리된 데이터가 넘겨진다

객체든, 그냥 변수값이든

( 객체의 주소라고 해야하나? jsp는 html로 바뀜 )

 

 

ajax이용해 백엔드로 보내는 부분

<script>

	~	~
    
 	$(" ~ ").on("click", function() {
	
		~	~	~
        
        	~	~	~

        $.ajax({
            type:" ~ ",
            url:" ~ ",
            data:{" ~ ": ~ , " ~ ": ~ },
            success:function(data) {
            
				~		~
                
            },
            error:function(e) {
                alert("error");
            }
        });
    });

</script>