ajax로 값이 안넘어가지 않습니다. 질문드립니다.

Question

안녕하세요.백엔드는 완성했는데 프론트는 지식이 없어서 혼자 해결해보려고 계속 용쓰고 있는데 계속 제자리 걸음이라질문 남깁니다. 많이 부족하니 양해부탁드립니다.(파이썬 파일은 잘 읽어오고 form태그 통해서 하면 입력과 출력이 잘됩니다. )주제는 챗봇입니다.enter를 누르면 input태그(id가 question입니다)로 받은 값을 ajax을 통해 Controller로 넘기려고 하는데 넘어가지 않습니다.아래는 script.js 파일입니다. (1번과 2번은 script.js 파일에 해당됩니다.)const inputField = document.getElementById("question"); inputField.addEventListener("keydown", (e) => { if (e.code === "Enter") { let input = inputField.value; inputField.value = ""; // Controller로 값 넘기기 $.ajx({ url:"chat", type:'post', data: { question : input }, success: function(data) { } }); // 말풍선을 만드는 함수 enter호출 enter(input); } });enter라는 function은 아래와 같습니다.function enter(input) { const messagesContainer = document.getElementById("messages"); // messages 채팅창에 들어갈 말풍선 만들기 - 내가 질문한 내용에 대한 말풍선 let userDiv = document.createElement("div"); userDiv.id = "user"; userDiv.className = "user response"; userDiv.innerHTML = '${input}'; messagesContainer.appendChild(userDiv); // messages 채팅창에 들어갈 말풍선 만들기 - 기다릴 때 Typing중이라는 말풍선 let botDiv = document.createElement("div"); let botText = document.createElement("span"); botDiv.id = "bot"; botDiv.className = "bot response"; botText.innerText = "Typing..."; botDiv.appendChild(botText); messagesContainer.appendChild(botDiv); messagesContainer.scrollTop = messagesContainer.scrollHeight - messagesContainer.clientHeight; // Controller로 부터 값 받아서 product라는 변수에 저장하기 let product; //product에는 답변 저장 $.ajx({ url:"chat", type:'post', data:{}, success: function(data) { product = data; } }); // 답변 말풍선 출력하기 setTimeout(() => { botText.innerText = '${product}'; }, 2000); }Controller는 아래와 같습니다. @Controller @RequestMapping("/chat") public class Controller_Service { @GetMapping public String home() { return "index"; } @ResponseBody @PostMapping public StringBuilder service( @RequestParam("question") String input){ StringBuilder sb = new StringBuilder(); sb.append('"').append(input).append('"'); String path = "파이썬 파일이 있는 폴더 path"; String pyFileName = "파일 이름"; String methodeName = "return_similar_answer(\""+sb+"\")"; System.out.println("methodeName:" + methodeName); PythonFile_Reader pythonFile_reader; try { pythonFile_reader= new PythonFile_Reader(path, pyFileName, methodeName ); } catch (Exception e) { throw new RuntimeException(e); } StringBuilder output = pythonFile_reader.getOutput(); return output; } }긴 글 읽어주셔서 감사합니다.오랜 시간 고민했지만 해결이 되지 않고 있어밤에 잠이 오지 않습니다.도와주시면 정말 감사하겠습니다.

roggue2 · Answer

1번에 inputField.value 값을 빈 값으로 초기화 하시고 계시네요

ajax로 값이 안넘어가지 않습니다. 질문드립니다.

1개의 답변

Q&A 목록