<![CDATA[
<div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1ZDOI/5b0fedeedffac9dbbc312d44879365ac10abcccd" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1ZDOI/5b0fedeedffac9dbbc312d44879365ac10abcccd" data-origin-width="753" data-origin-height="477"></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1ZDOI/936377cbeee84944c687039165a48720ccab6c92" class="txc-image" width="789" height="535" data-img-src="https://t1.daumcdn.net/cafeattach/1ZDOI/936377cbeee84944c687039165a48720ccab6c92" data-origin-width="1021" data-origin-height="692"></div><p> </p><p>//AjaxController코드----</p><p>package com.hi.mvc04; <br><br>import org.springframework.stereotype.Controller; <br>import org.springframework.ui.Model; <br>import org.springframework.web.bind.annotation.RequestMapping; <br><br>@Controller <br>public class AjaxController { <br><br>@RequestMapping("movie") <br>public void name1(String title, int price, Model model) { //여기 값을 view에 movie.jsp에 전달해주는 역할이 Model이다. <br>System.out.println("ajax로 받은 데이터"+title+""+price); <br>double price2 = price * 0.8; <br>//model: 결과를 담는 views아래 까지만 데이터를 전달하고 ram에서 삭제.(session은 ram에 계속 남아있다.) <br>model.addAttribute("title", title); <br>model.addAttribute("price2", (int)(price2)); //int를 붙여주면 강제타입전환되어 소수점 사라진다. <br>//강제형변환(강제타입변환)==>캐스팅(casting) <br>} <br>@RequestMapping("user") <br>public void name2(String user, Model model) { //여기 값을 view에 movie.jsp에 전달해주는 역할이 Model이다. <br>System.out.println("ajax로 받은 데이터"+user); <br>//dao에 userid를 주면서 이미 있는지 아닌지 체크 <br>//select * from member where id='user' <br>String[] list = {"apple", "melon", "summer"}; <br>String result = "사용가능한 id입니다."; <br>for(String s : list) { <br>if(s.equals(user)) { <br>result = "사용불가능한 id"; <br>} <br>}//for문 <br>model.addAttribute("result", result); <br>}//publick void <br><br>@RequestMapping("reply") <br>public void name3(String reply, Model model) { //여기 값을 view에 movie.jsp에 전달해주는 역할이 Model이다. <br>System.out.println("ajax로 받은 데이터"+reply); <br><br>model.addAttribute("reply", reply); <br>} <br><br>}</p><p> </p><p> </p><p>===ajax2.jsp===========================</p><p> </p><p><%@ page language="java" contentType="text/html; charset=UTF-8" <br>    pageEncoding="UTF-8"%> <br><!DOCTYPE html> <br><html> <br><head> <br><meta charset="UTF-8"> <br><title>Insert title here</title> <br><script type="text/javascript" src="resources/js/jquery-3.6.0.min.js"></script> <br><script type="text/javascript"> <br>$(function() { //dom(document object model) tree구조로 읽는다.  <br>//=body dom tree로 ram에 읽어들인 후, function을 실행해라. <br>//익명함수 <br>$('#b1').click(function() { <br>$.ajax({ //제이슨 표기법 ,, <br>url: "movie", <br>data: { <br>title: $('#title').val(), <br>price: $('#price').val() <br>}, <br>success: function(result) { <br>alert(‎result) <br>$('#d2').html(result) <br>}, <br>error: function() { <br>alert(‎'ajax 실패.') <br>}//error <br>})//ajax <br>})//b1 <br><br>$('#b3').click(function() { <br>$.ajax({ //제이슨 표기법 ,, <br>url: "user", <br>data: { <br>user: $('#user').val() <br>}, <br>success: function(result) { <br>alert(‎result) <br>$('#d2').html(result) <br>}, <br>error: function() { <br>alert(‎'ajax 실패.') <br>}//error <br><br>})//ajax <br>})//b3 <br><br>$('#b2').click(function() { <br>$.ajax({ //제이슨 표기법 ,, <br>url: "reply", <br>data: { <br>reply: $('#reply').val() <br>}, <br>success: function(result) { <br>alert(‎result) <br>$('#d2').append(result + "<br>") <br>}, <br>error: function() { <br>alert(‎'ajax 실패.') <br>}//error <br>})//ajax <br>})//b2 <br>}) <br></script> <br></head> <br><body> <br>영화제목: <input type="text" name="title" id="title"> <br>영화관람료: <input type="text" name="price" id="price"> <br><button id="b1">영화 정보 제출</button> <br><hr> <br>댓글: <input type="text" name="reply" id="reply"> <br><button id="b2">댓글 달기</button> <br><hr color="pink"> <br><hr> <br><hr color="pink"> <br>아이디입력: <input type="text" name="user" id="user"> <br><button id="b3">아이디 중복 체크</button> <br><hr color="pink"> <br><div id="d2"></div> <br></body> <br></html></p><p> </p><p> </p><p>====reply.jsp================================</p><p><%@ page language="java" contentType="text/html; charset=UTF-8" <br>    pageEncoding="UTF-8"%><img src="resources/img/ok.PNG" width=50 height=50>${reply} </p>
<!-- -->
]]>
카페 게시글
[6]AI자연어
오진희
오진희
추천 0
조회 17
22.02.18 14:26
댓글 0
다음검색
