现在的位置: 首页 > 综合 > 正文

善用脚本交互——网页中的服务器端和客户端脚本(三)

2012年03月16日 ⁄ 综合 ⁄ 共 1365字 ⁄ 字号 评论关闭

  懂客户端脚本的未必是好的Web程序员,但只懂服务器端脚本或编程的肯定不会是好的Web程序员。至少在现今阶段,要写出高效Web网页或Web应用程序,不对这两个脚本充分理解熟谙于心是不行的。聪明的程序员能灵活使用脚本,对各种Web程序的业务流程得心应手。

  比较常用的技巧是用服务器端脚本来写客户端脚本,这里用一个较流行的局部刷新的例子来展示该技巧。前提是对客户端脚本有较好的了解。

  “<script>”标签有个属性src,其值可以设置为一个js文件,文件中即是客户端脚本。因为没规定该js文件是静态文件,而且可以用脚本来更改src指向的文件,所以可以巧妙地使用这个特性来实现动态局部刷新(当然,frame、iframe等也有src属性,均可考虑,这里用script方便一点)。这里有两个网页,一个test1.htm是主页面,而另一个test.asp其实是js文件,只不过它的内容是动态的。

test1.htm

<input name="txt" type="text" size="10" maxlength="10" />

<script id="s" src="test.asp"></script>

</script>

function func(){

  s.src="test.asp";

  txt.value=sTxt;

}

setInterval("func()",1000);

</script>

test.asp

//JScript

<%

response.cachecontrol
="no-cache" ' 不使用缓存,确保页面更新

sTxt
=… ' 动态地获得一个值

%>

sTxt
="<%=sTxt%>"//注意这里两个sTxt,前一个是客户端,后一个是服务器端变量

  这样在主页面test1.htm中每隔1秒就会看到文本框“刷新”一次,实现了局部刷新。把该技术加以扩展推广可以满足更复杂的需求。注意理解test.asp中的两个sTxt变量及两种注释方法,记住ASP是写在<%%>中的,是用VBScript写的,所以注释用单引号“'”;客户端脚本用JScript写的,所以注释用两个斜杠“//”。

  这是服务器端脚本把变量传给客户端脚本的例子,如果还不明白就动手做做实验,在浏览器中输入test.asp地址看它到底输出了什么。至于客户端脚本把变量传给服务器端的例子就司空见惯,平常用得再多也不过了,如表单数据提交之前的简单处理再交给服务器就是一例,这里就不具体阐述了。所以也许在不知不觉中我们就在做着二个脚本之间的交互工作。

  最近又看到有人用JS在客户端创建XMLHTTP组件来读网页来实现局部刷新,当然这种技术是无法跨平台的;还有Web Service、Remoting等技术来实现局部刷新,都是不错的主意,自从MS的JScript可以创建ActiveX对象,逐渐支持面向对象特性后,客户端脚本威力愈发强大。对我们来说,一旦分清楚服务器端和客户端脚本的辖区及作用,下功夫看些网页客户端脚本语言知识,善用脚本交互,就不难理清Web程序的思路,打开层层迷障,完成各种任务!

相关链接:

ASP.Net的反思——网页中的服务器端和客户端脚本(一)

分清脚本——网页中的服务器端和客户端脚本(二)

善用脚本交互——网页中的服务器端和客户端脚本(三)

【上篇】
【下篇】

抱歉!评论已关闭.