ＡＳＰ的无刷新技术

陆茂邦

ACTIVE SERVE PAGE(以下简称ASP)虽然是一种很旧的技术，但因为其简单易学、开发速度快、服务器要求低，所以虽然现在ASP.NET、JSP等新技术大行其道，但仍然有一部分人在使用ASP，而且对于技校的学生来说，ASP也可以作为一门入门编程来学习。

一、ASP编程的好处与AJAX技术

ASP编程的好处就在于使用方便，客户只需要有普通的浏览器就可以运行程序，但其缺点也很明显，因为结构限制，所以每次用户提交数据时，都要刷新页面，从服务器获取新的数据，这样需要用户等待，浪费了时间，而且也要重新载入页面，造成了带宽的浪费。鉴于以上的问题，所以无刷新技术出现了，而其中比较出色和流行的就是AJAX技术。

AJAX实际上是多个技术的集合。当然，它不是只为ASP服务的技术，它可以在绝大部分的网络编程语言中使用，只要你的游览器支持JAVASCFIPT。AJAX的原理是利用XMLHTTP等组件把程序请求后台发往服务器，然后再把服务器的运行结果使用JAVASCRIPT即时显示到网页上，页面是不需要刷新就可以获得新的数据了，这样不但节省了用户的时间，还减少了服务器的负担。随着AJAX技术的发展，网上也出现了很多相关的组件，其中比较著名的是AjaxHelper，该组件使用十分简单，不需要深入了解AJAX就能很容易地实现无刷新技术，也很适合用于ASP的课堂教学，下面我们就以一个简单的留言本例子来看看AJAX的强大功能吧。(AjaxHelper组件可以到以下网址下载http://download.csdn.net/source/130042。)

二、AJAX的強大功能与应用

1.留言本的数据库结构（如图1）

2.留言页面guestbook.Asp

(如图2，因为源代码较多，所以只列出较重要的几行代码）。当我们下载了AjaxHelper组件后，解压后会得到AjaxHelper.js文件，我们把该文件和guestbook.asp放在同一目录下。因为guestbook.asp要使用到无刷新,我们要把AjaxHelper组件导入，方法很简单，在标记内加上下行代码。

这样我们就可以在guestbook.Asp中使用AjaxHelper了。按照我们以前的习惯，只要按“提交”按钮，表单就会被提交，并打开新页面显示提交结果。而使用了无刷新后，当我们按“提交”按钮，表单不需要再提交，只需要把数据通过AjaxHelper组件在后台把数据提交给处理页面（该例子的处理页面是gb_insert.asp），然后把处理页面的结果使用显示到页面中(本例是把结果显示到一个SPAN中，名为”jgSpan”)。所以我们在提交按钮中加入如下代码：

onclick="AjaxHelper.Updater('gb_insert.asp?title='+form1.title.value+&content='+form1.content.value,'jgSpan')"

从上面的代码我们可以看到，实际上AjaxHelper主要的函数是Updater（），该函数有两个参数，第一个是你要在后台运行的文件名，第二个是运行结果显示在哪里。

3.后台添加留言数据的页面——gb_insert.asp

该文件的代码基本和以前的差不多，得传过来的title和content值，用INSERT语句加入数据库，但由于该页面结果要显示在guestbook.asp中，所以该页面只需要保留标记内的内容。

当代码完成后，我们一按“提交”按钮，则不会再看到页面的提交和刷新，而是在表格下方显示gb_insert.asp的最终结果：“留言提交成功”，而留言也加到了数据库中。

通过上面的例子，我们可以看到使用ASP+AJAX来实现网页无刷新技术是很简单的，即使是旧的程序要改为无刷新，需要修改的代码也不多，而且也不用重新学习新的技术。可见，AJAX无刷新技术的方便和易用性，它必将取代传统的数据提交方式，成为网页编程的主流。

(作者单位：广东省肇庆市高级技工学校)