之前的 这篇文章 ,html页面和java代码是写死的只能向greetings这个主题发送信息,很显然有很大的局限性,现在我们看下如何传递参数。html页面中通过stomp给服务端传递参数有2种方式:在消息头中添加参数,在路径中添加参数。

方式1:在消息头中添加参数

function sendName() {
            var name = document.getElementById('name').value;
            stompClient.send("/app/hello", {atytopic:"greetings"}, name);
	@MessageMapping("/hello")
	public String send(String message, @Header("atytopic") String topic,
			@Headers Map<String, Object> headers) {
		System.out.println("message==" + message);
		System.out.println("topic==" + topic);
		System.out.println("headers==" + headers);
		template.convertAndSend("/topic/" + topic, message);
		return "";

方式2:在路径中添加参数,这个类似于rest服务在url中写参数。

function sendName() {
            var name = document.getElementById('name').value;
            stompClient.send("/app/hello/aty/greetings", {}, name);
	// 如果只有一个模板变量,那么可以直接使用@DestinationVariable
	@MessageMapping("/hello/{userName}/{topic}")
	public String send(String message, @DestinationVariable("topic") String topic, @DestinationVariable(value="userName") String userName) {
		System.out.println("message=="+message);
		System.out.println("topic=="+topic);
		System.out.println("userName=="+userName);
		template.convertAndSend("/topic/"+topic, message);
		return "";
                    html页面中通过stomp给服务端传递参数有2种方式:在消息头中添加参数,使用使用@Header或者@Headers接收;在路径中添加参数,使用@DestinationVariable接收。
        正如上文:WebSocket实践:建立一个Web QQ应用 所言,并不是所有的浏览器都能够支持WebSocket协议,为了使得WebSocket的应用能够兼容那些不支持的浏览器,我们可以使用STOMP协议进行处理。
关于WebSocket协议的一点补充:
       http协议是无状态协议,即每次请求时都不知道前面发生了什么。而且请求只能由浏览器发起,服务器只能...
				
本文介绍如何利用WebSocketSTOMP实现消息功能 WebSocket是发送和接收消息的底层API,而SockJS是在WebSocket 之上的API,最后 STOMP(面向消息的简单文本协议)是基于SockJS 的高级API(简而言之,WebSocket 是底层协议,SockJS 是WebSocket 的备选方案,也是底层协议,而STOMP是基于WebSocket(SockJS) 的上层协议) WebSocket WebSocket协议提供了通过一个套接字实现全双工通信的功能。也能够实现web浏览
不想加班呀: [code=html] <div style="background-color:green;width:180px;height:70px;display: inline-table">首页</div> <div style="background-color:green;width:180px;height:70px;display: inline-table">文章</div> <div style="background-color:green;width:180px;height:70px;display: inline-table">相册</div> [/code] 在写作业,发现这个方法也可以 CSS让2个DIV在同一行显示的解决方法 希君生羽翼766: