js怎么实现及时更新数据库的数据展现在前台页面_sql

页面本身是不具备保存历史数据的功能的，需要借助其它手段来实现，常用方法如下：

异步更新页面。这种方法实际上页面是没有刷新的，通过AJAX导步获取信息来更新页面，这样可以保留原页面需要保留的数据。一些网站的发表评论后，评论内容更新，用的就是这个方法。

使用COOKIE保存。把需要保存的数据存储到COOKIE中，页面更新时，读取COOKIE渲染到页面上。比较常见的如：登录框记录用户名，下次登录无须重新输入。但COOKIE存储的数据量有限，不适合大的数据存储。

服务器端保存数据。与COOKIE保存类似，只不过内容是保存在服务器端，利用会话机制在页面更新时从服务器读取内容重新渲染。这是一种常见的而保险的方法。像一些文本编辑器，保存草稿等，就是通过这样的方式实现的

JS不可能与数据库同步的，同步的话，你可以刷新一下页面就可以了！JS更新数据库的原理就是AJAX的。其中对于XmlHttpRequest的OPEN方法却有一个参数值得注意：

xmlhttprequest("GET",URLs,true)这里面用到了三个参数，分别是：method也就是提交方法，可以是GET，POST或HEAD，当然URLs是要提交的地址，关键是第三个，可以看出它是一个布尔值的，它在有些书说讲就是所谓的“同步”与异步的问题了。如果是true则会继续执行以后的语句，也就是异步执行，如果是false则等一个触发动作，这个动作是来源于服务器的sevlet的，也就是如果没有服务器返回信息，则不会向下执行。这里在很多的书上被称为同步。

但事实上虽然可以这样理解，但未必是其真正的意思。但这个参数很明显是符合了你的要求。说分是同步，其实就是它等待了服务的一个动作，也就是所谓的onreadystatechange这样的一个事件而已，但服务器会返回你真正要的数据吗？未必吧？所以我们一般是使用处理含数进行处理，如果返回正确信息时才做相应的处理。所以这里着重于readystate的值，要判断其是否为4，如果为4则，再使用该对象进行再次数据交互就不会出现了。

同样，我们可以自定义一个与服务器交互的控件，可用JAVASCRIPT完成，可以使用single模式嘛！这时只要对xmlHttpRequest的合理利用不会出现问题的！一个简单的办法就是当readystate=4时，我们可以给一个预先设置的全局变量进行赋值为true，在循环前可以判断这个值的，当然，一开始使用xmlHttpRequest时就将这个值赋为false。这种情况与你所说的还有一点区别就是这个值可以决定下级循环是否执行，而非等待执行。可以利用JS做一个等待的程序，但这样不是一个好办法，它对客哀悼机的系统开销大了点！

1.Access数据库名为 MyData.Mdb，里面建了一个名为count的表，表由两个字段组成： ID和COUNT，表里有一条数据： ('count','100')。

文本文件名为 count.txt，里面随便写入一个数字。

静态页面名为Cnt.htm。

2.以上3个文件都放在同一目录下。

由于采用Access数据库，而它采用非标准SQL语法，所以要注意在表名和字段名上需要加方括号： []

3.下面是页面里的代码：其中getCountFromDB方法是对Access数据库进行 *** 作，getCountFromTxt方法是对txt纯文本进行 *** 作，这两个方法都在本地执行通过。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>New Document </TITLE>

<!--

function getCountFromDB() {

//以当前页面文件为基础，找到文件所在的绝对路径。

var filePath = location.href.substring(0, location.href.indexOf("Cnt.htm"))

var path = filePath + "MyData.mdb"

//去掉字符串中最前面的"files://"这8个字符。

pathpath = path.substring(8)

var updateCnt = 0

//生成查询和更新用的sql语句。

var sqlSelCnt = "SELECT COUNT FROM [COUNT] WHERE ID = 'count'"

var sqlUpdCnt = "UPDATE [COUNT] SET [COUNT] = '"

//建立连接，并生成相关字符串 www.knowsky.com。

var con = new ActiveXObject("ADODB.Connection")

con.Provider = "Microsoft.Jet.OLEDB.4.0"

con.ConnectionString = "Data Source=" + path

con.open

var rs = new ActiveXObject("ADODB.Recordset")

rs.open(sqlSelCnt, con)

while (!rs.eof) {

var cnt = rs.Fields("COUNT")

document.write(cnt)

//将取得结果加1后更新数据库。

updateCnt = cnt * 1 + 1

rs.moveNext

}

rs.close()

rs = null

sqlUpdCntsqlUpdCnt = sqlUpdCnt + updateCnt + "'"

con.execute(sqlUpdCnt)

con.close()

con = null

}

function getCountFromTxt() {

var filePath = location.href.substring(0, location.href.indexOf("Cnt.htm"))

var path = filePath + "count.txt"

pathpath = path.substring(8)

var nextCnt = 0

var fso, f1, ts, s

//以只读方式打开文本文件。

var ForReading = 1

//以读写方式打开文本文件。

var ForWriting = 2

fso = new ActiveXObject("Scripting.FileSystemObject")

f1 = fso.GetFile(path)

ts = f1.OpenAsTextStream(ForReading, true)

s = ts.ReadLine()

nextCnt = eval(s) + 1

document.write("now count is :" + s)

ts.Close()

ts = f1.OpenAsTextStream(ForWriting, true)

ts.WriteLine(nextCnt)

ts.close()

}

//-->

</SCRIPT>

</HEAD>

<BODY>

<!--

getCountFromTxt()

//-->

</SCRIPT>

</BODY>

</HTML>

4.用这种方法来读写数据库，只适合做计数器和留言版这样的不需要保密性的工作，毕竟代码全是用javascript写成的，谁都可以看到，然后就可以得到路径把db文件下载下来进行分析，所以没办法用它来保存一些不想让别人知道的东西。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/sjk/6671144.html

js怎么实现及时更新数据库的数据展现在前台页面

发表评论

评论列表（0条）