<!doctype html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script>
<meta charset="utf-8">
<title>Chat</title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready(function() {
$('#button').click(function() {
$.get('/backEnd', function(data) {
$("#textarea").html(data);
});
});
});
</script>
</head>
<body>
<label for="textarea">
<blockquote>
<ul>
<ul>
<li><strong>Session Progress</strong></li>
</ul>
</ul>
</blockquote>
</label>
<p>
<textarea name="textarea" cols="88" rows="33" id="textarea"></textarea>
</p>
<button id="button">Update</button>
<p> </p>
<p>
<label for="textarea2">
<ul>
<ul>
<li><strong>Session Message input</strong></li>
</ul>
</ul>
</label>
<textarea name="textarea2" cols="44" rows="11" id="textarea2"></textarea>
</p>
<p>
<input type="button" name="button" id="button" value="Send">
</p>
</body>
</html>
以上是聊天页面的jsp,用户应该在textarea2中键入文本,因此如果成功发送,它应该出现在textarea1中,但是我怎样才能让2个客户端相互交谈< / p>
答案 0 :(得分:2)
您应该有一个servlet,其中包含来自双方的消息的操作。这个servlet应该把这些消息保存在某种数据结构中。现在,两个会话方都应该在特定时间间隔内轮询不同的操作,以检查此集合中是否出现了新消息,并相应地更新这些文本区域。
这是实现您的要求的众多方法之一。