Ajax B/S 聊天工具txt文件保存
打算做一个两个或多个网页之间交流的功能,思路是多个页面聊天的内容存放到一个文件里,每个页面都有提交聊天功能,当提交聊天信息时保存到上面那个文件里,
在每个也页面里放一个定时器,每秒钟获取聊天文件里的记录信息与自己当前的信息是否一致,如果大于自己的信息数量,说明了有别人提交信息了,那么就把聊天记录的信息追加到自己的浏览器里。
js起到了很重要的部分, 定时器,信息计数器都用到了js。
需要一个ajaxserver页面,一个聊天记录txt文件。
当客户端通过ajax提交聊天信息时,ajaxserver里读取提交的信息,保存到文件里,不用多说了,我用的是c#的File类AppendAllText方法,这个方法简单,同时将系统的聊天计数器加1。
通过脚本做个定时器settimeout 递归调用本身1秒钟取服务器信息,当发生差异时获取服务器聊天信息。
重要的部分都在js里,用prototype={}方式扩展Talk,ajax调用引用的是jquery框架。
js部分
Talk = function ()
{
}
Talk.prototype =
{
AjaxPagePath: "AjaxHandler.ashx",
ShowDivID: "divTalkList",
CrrentCount: ,
UserName:null,
//最加聊天信息
AppendTalk: function (divid, meg)
{
document.getElementById(divid).innerHTML += meg;
},
//获取服务器信息
GetTalk: function (talk)
{
if (talk == undefined)
{
talk = this;
}
$.ajax({
type: "POST",
url: talk.AjaxPagePath,
data: { "op": "GetTalk", "Count": talk.CrrentCount, "Date": new Date() },
//提交服务器时,提交的信息要不同不然ajaxserver接受不到,所以用了时间作为入参。
success: function (m)
{
var ms = m.split('@');
talk.AppendTalk(talk.ShowDivID, ms[]);
talk.CrrentCount = ms[];
}
});
},
///刷新方法
RefreshTalk: function ()
{
var t = this;
$.ajax({
type: "POST",
url: t.AjaxPagePath,
data: { "op": "RefreshTalk", "Count": t.CrrentCount, "Date": new Date() },
success: function (m)
{
if (m == "")
{
t.GetTalk(t); }
}
});
setTimeout(function ()
{
t.RefreshTalk();
}, );
},
//提交信息
SubmitTalk: function ()
{
var meg = $("#txtInput").val();
var t = this;
$.ajax({
type: "POST",
url: t.AjaxPagePath,
data: { "op": "Talk", "Talk": meg, "UserName": t.UserName, "Date": new Date() },
success: function ()
{
t.GetTalk(t);
}
});
}
}
aspx部分
调用Js

<script src="Script/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="Script/talk.js" type="text/javascript"></script>
<script type="text/javascript">
var cTalk = new Talk();
cTalk.CrrentCount = 0;
cTalk.RefreshTalk();//定时查看是否有新纪录
cTalk.UserName = "client";
</script>

<div id="divTalkList" style="width:80%; height:40%; border:1px solid #000000; overflow:scroll"></div>
<div><input type="text" id="txtInput" /><input type="button" value="Submit" onclick="cTalk.SubmitTalk();" />
<input id="btnRefresh" type="button" value="刷新" onclick="cTalk.RefreshTalk()" /><!--手动刷新测试用--></div>
ajaxserver 部分

public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
//聊天记录文件
string talkPath = @"/TextFile.txt";
string op = context.Request["op"];
//网站运行的物理路径
String rootPath =context.Server.MapPath("~");
string path1 =rootPath+ talkPath;
if (op == "Talk")
{
string talk =
context.Request["UserName"]+":" //用户名
+ context.Request["Talk"] //提交的聊天信息
+System.Environment.NewLine; //新行就是\n\r
//这个地方要用到单例模式就好了,保证服务器聊天数量唯一
count++;
File.AppendAllText(path1, talk, System.Text.Encoding.UTF8);
}
if (op == "RefreshTalk")
{
//客户端传过来的聊天数量与服务器上的聊天数量对比 if (int.Parse(context.Request["Count"]) < count)
{
context.Response.Write("");
}
else
{
context.Response.Write("");
}
}
//获取服务器上的聊天信息和聊天纪录数
if (op=="GetTalk")
{
string takl = GetTalk(path1, int.Parse(context.Request["Count"]));
context.Response.Write(count+"@"+takl);
}
}
///获取聊天信息和信息记录数 当小于服务器端的信息个数,则获取缺少的部分
///path1 聊天信息路径
///currentCount 是客服端有的信息记录
string GetTalk(string path1, int currentCount)
{
string[] lastMegs = File.ReadAllLines(path1, System.Text.Encoding.UTF8);
count = lastMegs.Length;
string lastMeg = string.Empty;
if (currentCount < count)
{
for (; currentCount < count; )
{
//拼接字符串
lastMeg += lastMegs[currentCount] + "<br/>";
currentCount++;
}
return lastMeg;
}
return null;
}
public bool IsReusable {
get {
return false;
}
}
}
Ajax B/S 聊天工具txt文件保存的更多相关文章
- txt文件保存问题
今天终于解决了文件的保存问题,之前删除文件,再保存,发现删除的内容还是在文件中. 这是因为保存内容时,是将数组内容一行一行覆盖原来的内容,没有覆盖到的还是保存在文件内. 我用的是CFile类 所以直接 ...
- 【C++】计算所有小于N的勾股数组合,可以写入txt文件保存,每组占一行。
#ifndef PYTHAGOREAN_H_ #define PYTHAGOREAN_H_ #include <iostream> class Pythagorean { public: ...
- 如何比较两个txt文件内容的细微差别
如何比较两个txt文件内容的细微差别 https://jingyan.baidu.com/article/19020a0a1dd04a529c284272.html 听语音 | 浏览:3500 | 更 ...
- 如何实现用将富文本编辑器内容保存为txt文件并展示
1.实现思路 创建一个xx.txt文件,存放于项目路径下 用文件流去读取文件内容并将读取的内容存放到页面的富文本编辑器框内 富文本编辑框内容改变后,保存时用文件流的方式保存到xx.txt文件中 提示: ...
- 【批处理】TXT文件批量转HTML文件工具
说到批量转html文件,相信喜欢看小说或经常制作电子书和教程的朋友应该很熟悉.因为,我们每次都会面临成千上万的txt文件,要将其转换为能正确显示的html文件是很麻烦的.当然,现在有很多的软件也可以实 ...
- 文章要保存为TXT文件,其中的图片要怎么办?Python帮你解决
前言 用 python 爬取你喜欢的 CSDN 的原创文章,保存为TXT文件,不仅查看不方便,而且还无法保存文章中的代码和图片. 今天教你制作成 PDF 慢慢看.万一作者的突然把号给删了,也会保存备份 ...
- ASP.NET 保存txt文件
public void ProcessRequest(HttpContext context) { context.Response.Clear(); context.Response.Buffer ...
- (qsf文件 、 tcl文件 和 csv(txt)文件的区别) FPGA管脚分配文件保存、导入导出方法
FPGA管脚分配文件保存方法 使用别人的工程时,有时找不到他的管脚文件,但可以把他已经绑定好的管脚保存下来,输出到文件里. 方法一: 查看引脚绑定情况,quartus -> assignment ...
- txt文件按行处理工具类(可以截取小说、分析日志等)【我】
txt文件按行处理工具类(可以分析日志.截取小说等) package file; import java.io.BufferedReader; import java.io.BufferedWrite ...
随机推荐
- TypeScript 素描 - 模块
/* 其实前面一些都是废话,因为都和C#类似.从模块开始就需要深入的去理解了 文档反复声明了 内部模块现在称做 命令空间 外部模块称为 模块 模块在其自身的作用域里执行,而不是在全局作用域里,也就是说 ...
- web.xml文件中配置ShallowEtagHeaderFilter需注意的问题
问题现象及解决方法 今天在Spring MVC应用中加入ShallowEtagHeaderFilter时,发现返回的响应中没有etag头,上网查了很多相关资料,也试了很多方法依然不起作用.在查看web ...
- Unity3D之Mecanim动画系统学习笔记(七):IK(反向动力学)动画
什么是IK? IK(Inverse Kinematics)即反向动力学,即可以使用场景中的各种物体来控制和影响角色身体部位的运动,一般来说骨骼动画都是传统的从父节点到子节点的带动方式(即正向动力学), ...
- 简谈 JavaScript、Java 中链式方法调用大致实现原理
相信,在 JavaScript .C# 中都见过不少链式方法调用,那么,其中实现该类链式调用原理,大家有没有仔细思考过?其中 JavaScript 类库:jQuery 中就存在大量例子,而在 C# 中 ...
- python的socket里 gethostbyname 与 gethostbyname_ex 的区别
python里有一个模块,叫socket,提供了BSD socket 的通信接口,在看了这个模块之后,我发现了两个很相似的函数------gethostbyname 和gethostbyname_ex ...
- hdu 2553 N皇后问题 (经典DFS)
题目链接:点击链接 思路:用一维数组hang[num] = i,num表示第num行,i表示第i列,计算n = 1~10皇后的不同放置数量,然后打表 #include<stdio.h> # ...
- BZOJ 4236: JOIOJI MAP
4236: JOIOJI Time Limit: 1 Sec Memory Limit: 256 MB 题目连接 http://www.lydsy.com/JudgeOnline/problem.ph ...
- Android apk程序调用其它的APK程序
Intent mIntent = new Intent(); ComponentName comp = new ComponentName("启动的APK包名","启动的 ...
- 在mac下安装jdk1.7(转)
转自:http://vela.diandian.com/post/2012-01-06/15379924 最近呢,想玩玩jdk1.7,不过mac平台下的jvm一直都是Apple自己改的,所有有些麻烦. ...
- 在一个文件中有10G个整数,乱序排列,要求找出中位数
题目:在一个文件中有 10G 个整数,乱序排列,要求找出中位数.内存限制为 2G.只写出思路即可(内存限制为 2G的意思就是,可以使用2G的空间来运行程序,而不考虑这台机器上的其他软件的占用内存). ...