1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
|
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
var rev = function () {
var mine = $('#me').val();
$.ajax({
type: 'post', url: 'serverPush1.ashx',
data: { action: 'receive', me: mine },//传给serverPush.ashx根据me查找发给me的消息
success: function (data) {
$('#ulMsg').append($('<li>' + data.FromUserName + '对我说:' + data.Msg + '</li>'));
rev();//收到消息后再向服务器请求数据,再给我一条消息
},
error: function () {
rev();
//哪怕网络请求失败(比如用户网络故障),也再次发送请求
}
});
};
$(function () {
//发送
$('#btnSend').click(function () {
var myName = $('#me').val();
var toUserName = $('#toUserName').val();
var msg = $('#msgContext').val();
$.ajax({
type: 'post', url: 'serverPush1.ashx',
data: { action: 'send', me: myName, toUserName: toUserName, msg: msg },//根据用户输入的信息,传到服务端ServerPush.ashx进行插入操作
success: function (data) {
if (data.Status == 'ok') {//如果发送成功,
$('#ulMsg').append($('<li>我对' + toUserName + '说:' + msg + '</li>'));
$('#msgContext').val('');
}
else {
alert('发送出错,返回报文无法识别');
}
},
error: function () {
alert('发送出错');
}
});
});
//登陆,接收数据
$('#btnLogin').click(function () {
rev();
$(this).attr("disabled", "disabled");
});
/*
$('#btnLogin').click(function () {//接收
var mine = $('#me').val();
$.ajax({
type: 'post', url: 'serverPush1.ashx',
data: { action: 'receive', me: mine },
//传给serverPush.ashx根据me查找发给me的消息
success: function (data) {
$('#ulMsg').append($('<li>' + data.toUserName + '对我说:' + data.msg + '</li>'));
},
error: function () {
alert('接收失败');
}
});
});*/
});
</script>
</head>
<body>
发送人:<input type="text" id="me" /><input type="button" id="btnLogin" value="登陆" style=""/><br />
接收人:<input type="text" id="toUserName" /><br />
输入消息:<input type="text" id="msgContext" /><input type="button" id="btnSend" value="发送" /><br />
聊天记录:<br />
<ul id="ulMsg">
</ul>
</body>
</html>
|