2016-12-09 10 views
0

stomp.js:、キャッチされないタイプのエラー:関数(..)がonrecieveではありませんが、私はこのエラーを取得しています

uncaught type error: onrecieve is not a function(..) stomp.js

誰も私を助け、使用して私の完全な設定を提供することができます

株式、ストンプ、ジャー?

マイファイル:WebSocketをに接続するために、JavaScriptコードを使用してJSPファイルザッツhome.jspを

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" 
pageEncoding="ISO-8859-1"%> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<title>Reload..</title> 




<%-- <script type="text/javascript" src='<c:url value="/static/scripts/jquery.js"/>'></script> --%> 
<script type="text/javascript" src='<c:url value="/static/scripts/sockjs- 0.3.4.js"/>'></script> 
    <script type="text/javascript" src='<c:url value="/static/scripts/stomp.js"/>'></script> 

    <script type="text/javascript"> 

    var stompClient=null; 

    var onDebug = function(m) { 
    console.log('DEBUG', m); 
    }; 

    var connect=function(){ 
    var socket = new SockJS("/testwebsockets/portfolio"); 
    stompClient = Stomp.over(socket); 
    stompClient.connect({}, function(frame) { 
    console.log('Connecteds: ' + frame); 
stompClient.debug = onDebug; 
stompClient.subscribe("/topic/portfolio",{},function(msgput){ 
    console.log("msg:"+msgput.body); 
    }); 
},function(error){ 
    alert(error); 
}); 
}; 





    var sendMessage=function(){ 
    stompClient.debug = onDebug; 
    stompClient.send("/app/portfolio", {},JSON.stringify({from:'kk',text:'hello'})); 
    }; 



</script> 
</head> 
<body> 
<div> 
      <button id="connect" onclick="connect();">Connect</button> 


     <br /> 
     <div id="conversationDiv"> 

      <button id="sendMessage" onclick="sendMessage();">Send</button> 

     </div> 
    </div> 


    </body> 
    </html> 

。これは、接続したが、このエラーを取得し、コントローラから戻って、それを受けてのん:

uncaught type error: onrecieve is not a function(..) stomp.js

Opening Web Socket...
stomp.js;jsessionid=45714C4BB09BD6111D49A41D92FBBAC0:130 Web Socket Opened...
stomp.js;jsessionid=45714C4BB09BD6111D49A41D92FBBAC0:130 >>> CONNECT
accept-version:1.1,1.0
heart-beat:10000,10000

<<< CONNECTED
version:1.1
heart-beat:0,0

connected to server undefined
(index):34 Connecteds: CONNECTED
heart-beat:0,0
version:1.1

DEBUG >>> SUBSCRIBE
id:sub-0
destination:/topic/portfolio

DEBUG >>> SEND
destination:/app/portfolio
content-length:28

{"from":"kk","text":"hello"}

DEBUG <<< MESSAGE
destination:/topic/portfolio
content-type:application/json;charset=UTF-8
subscription:sub-0
message-id:h8_q6giw-0
content-length:48

{"from":"kk","text":"hello","timeStamp":"08:26"}

stomp.js;jsessionid=45714C4BB09BD6111D49A41D92FBBAC0:288 Uncaught TypeError: onreceive is not a function(…)(anonymous function) @ stomp.js;jsessionid=45714C4BB09BD6111D49A41D92FBBAC0:288REventTarget.dispatchEvent @
sockjs-0.3.4.js;jsessionid=45714C4BB09BD6111D49A41D92FBBAC0:84SockJS._dispatchMessage @
sockjs-0.3.4.js;jsessionid=45714C4BB09BD6111D49A41D92FBBAC0:1025SockJS._didMessage @
sockjs-0.3.4.js;jsessionid=45714C4BB09BD6111D49A41D92FBBAC0:1083that.ws.onmessage @
sockjs-0.3.4.js;jsessionid=45714C4BB09BD6111D49A41D92FBBAC0:1215

+0

もイム – pdk

答えて

0

あなたの問題はあなたがsubscribeメソッドに渡す誤った追加の引数に由来します。

stompClient.subscribe("/topic/portfolio",{},function(msgput){ 
    console.log("msg:"+msgput.body); 
}); 

になる必要があります。

stompClient.subscribe("/topic/portfolio",function(msgput){ 
    console.log("msg:"+msgput.body); 
}); 
+0

おかげでその作業をhttp://www.baeldung.com/websockets-springこのブログのようにすべてのコードを使用して... – pdk

+0

私はそれうれしいですは働いている。将来、あなたの質問に関連するコードを投稿してください。今、あなたを助けるために私たちにどのように役立つかが分かります! – rmlan

+0

ええ、あなたが正しい.lol – pdk

関連する問題