mustache, jquery를 이용하여 GET요청을 보내고 싶은데, PathVariable로 쓰이는 id가 존재하지 않는 문제가 생깁니다

Question

웹소켓으로 코인 가격을 불러와서, 가격이 유저가 미리 설정해놓은 가격대 밑으로 떨어지면 웹 푸시 알림을 보내주는 기능을 만들었습니다. 유저가 원하는 조건에 따라 알림을 여러개 설정해서, 받을 알림을 고를 수 있게 만드는게 목표였는데,웹소켓이나 푸시 알림 기능을 처음써봐서 처음에는 alerts/0 이런식으로 맨 처음 알림만 받을 수 있게 개발을 했습니다.기능이 완료돼서 알림 여러개 중 하나를 id 값(pathVariable)로 구분하여 요청할 수 있게 코드를 변경해주었는데요...클라이언트에서 요청을 담당하는 javascript에 id값이 반영이 되지 않고 있습니다.제가 원하는 것은 $.ajax를 이용해서 id값에 따라 요청을 주는 것인데요, var idx = $('#idx').val(); 부분에서 idx에 아무 값도 담기지 않아서 요청이 제대로 나가지가 않네요..혹시 제가 뭘 놓치고 있는건지 알려주시면 감사하겠습니다.밑은 코드입니다컨트롤러@GetMapping("/alerts/{id}") @ResponseBody public void AlertUser(@PathVariable Long id) {alertService.AlertUser(id);} 서비스public void AlertUser(Long id) { Alert alert = alertRepository.findById(id).orElseThrow(() -> new NoSuchElementException()); double SetPrice = alert.getPrice(); String ticker = alert.getTicker(); JSONParser jsonParser = new JSONParser(); final NotificationRequest build = NotificationRequest.builder() .title(ticker + " alert") .message(SetPrice + "broke down") .token(notificationService.getToken(userDetailService.returnUser().getEmail())) .build(); try { final WebsocketClientEndpoint clientEndPoint = new WebsocketClientEndpoint(); Session session = clientEndPoint.connect(new URI("wss://ws.coincap.io/prices?assets=" + ticker)); WebsocketClientEndpoint.MessageHandler handler = new WebsocketClientEndpoint.MessageHandler() { public void handleMessage(String message) throws ParseException, IOException { Object obj = jsonParser.parse(message); JSONObject jsonObject = (JSONObject) obj; double price = Double.parseDouble(jsonObject.get(ticker).toString()); System.out.println("가격 : " + price); if (price < SetPrice) { System.out.println("끝"); notificationService.sendNotification(build); session.close(); } try { Thread.sleep(1000); } catch (InterruptedException ex) { System.err.println("InterruptedException exception: " + ex.getMessage()); } } }; clientEndPoint.addMessageHandler(handler); } catch (URISyntaxException ex) { System.err.println("URISyntaxException exception: " + ex.getMessage()); } }알림창을 담당하는 alert.mustache : {{#alerts}} ~ {{/alerts}}에서 id = idx 값에 따라 요청이 달라지길 원합니다{{>layout/header}}

티커 : {{ticker}} 가격 : {{price}} {{/alerts}} {{>layout/footer}} layout/footer 에 있는 index.jsvar main = { init : function () { var _this = this; . . . $('#alert-start').on('click', function() { _this.alertStart(); }); }, alertStart : function() { var idx = $('#idx').val(); $.ajax({ type: 'GET', url: '/alerts/'+idx, }).done(function() { alert('알림이 시작됩니다.'); }).fail(function (error) { alert(JSON.stringify('이거' + error)); }); },var idx에 idx값이 담겨서 get요청을 보내면 되는데, 크롬 개발자 도구로 디버깅해보면 현재는 아무 값도 담기지 않고 있습니다. 뭐가 문제일까요 ㅠㅠ 도와주시면 감사하겠습니다.

선플개발자 · Answer

input 도 아니고 div 를 val()을 하면 당연히 idx값이 안나오지 않을까요??정 이렇게 쓰고 싶으시면 text()로 쓰시던지요. 아니면 idx라는 input에 넣고 꺼내쓰던지요.

var idx = $('#idx').val();

mustache, jquery를 이용하여 GET요청을 보내고 싶은데, PathVariable로 쓰이는 id가 존재하지 않는 문제가 생깁니다

1개의 답변

#mustache 목록