Using references on&nbsp;http://jmesnil.net/stomp-websocket/doc/ and&nbsp;<a href="http://www.rabbitmq.com/web-stomp.html">http://www.rabbitmq.com/web-stomp.html</a>, I managed to come out with my own Web-Stomp js code that can connect and receive messages. &nbsp;However, I'm unable to reconnect in the event the connection to Web-Stomp server breaks.<div><br></div><div>What I did is on on_connect_error, I did a client.disconnect, followed by a client.connect. &nbsp;The disconnect works but the connect fails. &nbsp;</div><div><br></div><div>Since I'm not able to find any code example that deals with reconnecting, I took a look at sockjs groups but it appears to me that the code used for sockjs is different from that of web-stomp plugin examples.</div><div><br></div><div>Here's the full js code: Here is my full code:&nbsp;<a href="http://pastebin.com/dtEBnzGP">http://pastebin.com/dtEBnzGP</a></div><div><br></div><div><ol style="margin: 0px; padding: 0px 0px 0px 48px; color: rgb(172, 172, 172); font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', monospace, serif; font-size: 12px; line-height: 21px; background-color: rgb(248, 248, 248);"><li class="li1" style="-webkit-user-select: none;"><div class="de1" style="-webkit-user-select: text; padding-right: 5px; padding-left: 5px; vertical-align: top; color: rgb(0, 0, 0); border-left-width: 1px; border-left-style: solid; border-left-color: rgb(204, 204, 204); margin-left: -7px; position: relative; background-color: rgb(255, 255, 255); line-height: 21px;"><span class="kw1" style="color: rgb(0, 0, 102); font-weight: bold;">function</span>&nbsp;on_connect_error<span class="br0" style="color: rgb(0, 153, 0);">(</span>error<span class="br0" style="color: rgb(0, 153, 0);">)</span>&nbsp;<span class="br0" style="color: rgb(0, 153, 0);">{</span></div></li><li class="li2" style="-webkit-user-select: none;"><div class="de2" style="-webkit-user-select: text; padding-right: 5px; padding-left: 5px; vertical-align: top; color: rgb(0, 0, 0); border-left-width: 1px; border-left-style: solid; border-left-color: rgb(204, 204, 204); margin-left: -7px; position: relative; background-color: rgb(255, 255, 255); line-height: 21px;">&nbsp; $<span class="br0" style="color: rgb(0, 153, 0);">(</span><span class="st0" style="color: rgb(51, 102, 204);">'#output'</span><span class="br0" style="color: rgb(0, 153, 0);">)</span>.<span class="me1" style="color: rgb(102, 0, 102);">append</span><span class="br0" style="color: rgb(0, 153, 0);">(</span><span class="st0" style="color: rgb(51, 102, 204);">'Connection failed! Error:'</span><span class="sy0" style="color: rgb(51, 153, 51);">+</span>&nbsp;error&nbsp;<span class="sy0" style="color: rgb(51, 153, 51);">+</span>&nbsp;<span class="st0" style="color: rgb(51, 102, 204);">"&lt;br&gt;"</span><span class="br0" style="color: rgb(0, 153, 0);">)</span><span class="sy0" style="color: rgb(51, 153, 51);">;</span></div></li><li class="li1" style="-webkit-user-select: none;"><div class="de1" style="-webkit-user-select: text; padding-right: 5px; padding-left: 5px; vertical-align: top; color: rgb(0, 0, 0); border-left-width: 1px; border-left-style: solid; border-left-color: rgb(204, 204, 204); margin-left: -7px; position: relative; background-color: rgb(255, 255, 255); line-height: 21px;">&nbsp; &nbsp; $<span class="br0" style="color: rgb(0, 153, 0);">(</span><span class="st0" style="color: rgb(51, 102, 204);">'#output'</span><span class="br0" style="color: rgb(0, 153, 0);">)</span>.<span class="me1" style="color: rgb(102, 0, 102);">append</span><span class="br0" style="color: rgb(0, 153, 0);">(</span><span class="st0" style="color: rgb(51, 102, 204);">'Disconnecting....'</span>&nbsp;&nbsp;<span class="sy0" style="color: rgb(51, 153, 51);">+</span>&nbsp;<span class="st0" style="color: rgb(51, 102, 204);">"&lt;br&gt;"</span><span class="br0" style="color: rgb(0, 153, 0);">)</span><span class="sy0" style="color: rgb(51, 153, 51);">;</span></div></li><li class="li2" style="-webkit-user-select: none;"><div class="de2" style="-webkit-user-select: text; padding-right: 5px; padding-left: 5px; vertical-align: top; color: rgb(0, 0, 0); border-left-width: 1px; border-left-style: solid; border-left-color: rgb(204, 204, 204); margin-left: -7px; position: relative; background-color: rgb(255, 255, 255); line-height: 21px;">&nbsp;client.<span class="me1" style="color: rgb(102, 0, 102);">disconnect</span><span class="br0" style="color: rgb(0, 153, 0);">(</span><span class="kw1" style="color: rgb(0, 0, 102); font-weight: bold;">function</span><span class="br0" style="color: rgb(0, 153, 0);">(</span><span class="br0" style="color: rgb(0, 153, 0);">)</span>&nbsp;<span class="br0" style="color: rgb(0, 153, 0);">{</span></div></li><li class="li1" style="-webkit-user-select: none;"><div class="de1" style="-webkit-user-select: text; padding-right: 5px; padding-left: 5px; vertical-align: top; color: rgb(0, 0, 0); border-left-width: 1px; border-left-style: solid; border-left-color: rgb(204, 204, 204); margin-left: -7px; position: relative; background-color: rgb(255, 255, 255); line-height: 21px;">&nbsp; &nbsp; $<span class="br0" style="color: rgb(0, 153, 0);">(</span><span class="st0" style="color: rgb(51, 102, 204);">'#output'</span><span class="br0" style="color: rgb(0, 153, 0);">)</span>.<span class="me1" style="color: rgb(102, 0, 102);">append</span><span class="br0" style="color: rgb(0, 153, 0);">(</span><span class="st0" style="color: rgb(51, 102, 204);">'Disconnected!'</span>&nbsp;<span class="sy0" style="color: rgb(51, 153, 51);">+</span>&nbsp;<span class="st0" style="color: rgb(51, 102, 204);">"&lt;br&gt;"</span><span class="br0" style="color: rgb(0, 153, 0);">)</span><span class="sy0" style="color: rgb(51, 153, 51);">;</span></div></li><li class="li2" style="-webkit-user-select: none;"><div class="de2" style="-webkit-user-select: text; padding-right: 5px; padding-left: 5px; vertical-align: top; color: rgb(0, 0, 0); border-left-width: 1px; border-left-style: solid; border-left-color: rgb(204, 204, 204); margin-left: -7px; position: relative; background-color: rgb(255, 255, 255); line-height: 21px;">&nbsp;&nbsp;<span class="br0" style="color: rgb(0, 153, 0);">}</span><span class="br0" style="color: rgb(0, 153, 0);">)</span><span class="sy0" style="color: rgb(51, 153, 51);">;</span></div></li><li class="li1" style="-webkit-user-select: none;"><div class="de1" style="-webkit-user-select: text; padding-right: 5px; padding-left: 5px; vertical-align: top; color: rgb(0, 0, 0); border-left-width: 1px; border-left-style: solid; border-left-color: rgb(204, 204, 204); margin-left: -7px; position: relative; background-color: rgb(255, 255, 255); line-height: 21px;">&nbsp; $<span class="br0" style="color: rgb(0, 153, 0);">(</span><span class="st0" style="color: rgb(51, 102, 204);">'#output'</span><span class="br0" style="color: rgb(0, 153, 0);">)</span>.<span class="me1" style="color: rgb(102, 0, 102);">append</span><span class="br0" style="color: rgb(0, 153, 0);">(</span><span class="st0" style="color: rgb(51, 102, 204);">'Reconnecting...'</span>&nbsp;<span class="sy0" style="color: rgb(51, 153, 51);">+</span>&nbsp;<span class="st0" style="color: rgb(51, 102, 204);">"&lt;br&gt;"</span><span class="br0" style="color: rgb(0, 153, 0);">)</span><span class="sy0" style="color: rgb(51, 153, 51);">;</span></div></li><li class="li2" style="-webkit-user-select: none;"><div class="de2" style="-webkit-user-select: text; padding-right: 5px; padding-left: 5px; vertical-align: top; color: rgb(0, 0, 0); border-left-width: 1px; border-left-style: solid; border-left-color: rgb(204, 204, 204); margin-left: -7px; position: relative; background-color: rgb(255, 255, 255); line-height: 21px;">&nbsp; Connect<span class="br0" style="color: rgb(0, 153, 0);">(</span><span class="br0" style="color: rgb(0, 153, 0);">)</span><span class="sy0" style="color: rgb(51, 153, 51);">;</span></div></li><li class="li1" style="-webkit-user-select: none;"><div class="de1" style="-webkit-user-select: text; padding-right: 5px; padding-left: 5px; vertical-align: top; color: rgb(0, 0, 0); border-left-width: 1px; border-left-style: solid; border-left-color: rgb(204, 204, 204); margin-left: -7px; position: relative; background-color: rgb(255, 255, 255); line-height: 21px;"><span class="br0" style="color: rgb(0, 153, 0);">}</span></div></li></ol></div>