客户端和服务器端语言混合使用两例JavaScript和A.docx
- 文档编号:6203043
- 上传时间:2023-01-04
- 格式:DOCX
- 页数:7
- 大小:72.76KB
客户端和服务器端语言混合使用两例JavaScript和A.docx
《客户端和服务器端语言混合使用两例JavaScript和A.docx》由会员分享,可在线阅读,更多相关《客户端和服务器端语言混合使用两例JavaScript和A.docx(7页珍藏版)》请在冰豆网上搜索。
客户端和服务器端语言混合使用两例JavaScript和A
应用与安全
随着全球信息网应用的普及,越来越多的公司、个人希望通过此传播媒介发展业务。
同时,对于系统的智能化、人性化设计要求也与日上升,JavaScript和动态页面语言的混合应用也因此得以广泛推广。
JavaScript是一种脚本语言。
此语言可以被嵌入HTML的文件之中。
透过Javas℃ript回应用户所触发的事件(如:
form对象的输入和检测)而不用任何的网络来回传输资料。
当使用者输入一项资料时,它不用经过传给服务器端(server)处理,再传回来的过程,便可直接被客户端(cIient)的应用程序处理。
运行JavaScript的载体是客户端。
不但可以让系统实时的与用户进行交互,而且因为避免了网络的传输,大大地加快运行速度和减轻服务器的负担。
而JavaScr.pt令人着迷的地方是:
通过语言的编写,控制整个页面当中的所有对象。
它可以控制包括表单对象、页面字体内容、图片位置等属性。
使得页面更为绚丽。
Web网页具备强大的功能,在短短的几年之间得以迅速的发展,动态网页可以通过链接数据库,使页面内容根据用户信息和数据库
内容.对其进行内容控制。
但由于动态页面语言是属于服务器端(server)语言。
每一次数据交换都必须经过网络传送、服务器计算、数据回传三个步骤。
因此,经常会出现由于网络的关系导致数据传送的延误、出错等现象。
为了使页面的智能化得以进一步提高,页面能够根据用户事件进行实时回应,将客户端和服务器端的语言相结合成为了网络语言编写的新动向。
方法如下图:
首先由服务器端动态页面语言,如ASP、JSP等对数据进行记录集的绑定,调出所有相关数据库的内容。
数据经过传送后。
暂存在
名相冲突,并且实时地对用户进行提示,避免提交后方可检测的麻烦呢?
这就需要将两种语言相结合.相互补足。
具体操作步骤:
(1)绑定记录集,将数据库中的所有用户名进行调出
建立数据库链接类型,通过SQL语句对数据中的“nname”(用户名)宇段内容进行绑定。
绑定记录集名为。
R1”。
<%set
obj—server.Createobject(。
ADODB.
JavaScr研动态生成的数组当中。
JavaScript
根据用户触发的事件和信息,对数组中内容进行筛选后通过语言控制显示在页面中。
下面.笔者就以两个例子说明JavaScrjpt与ASP(VBScr.pt)相结合的使用方法。
Connectjon‘)
obj.ConneclionStmg=。
provider=Micros矾.
jet.oIedb.4.0:
datasource=。
&server.mappath(‘/book.mdb。
)obj.open
set
R1=server.CreateObject(。
ADODB.
1翅潮网络新用户
在网络应用中,用户经常使用“注册”这一
功能,如电子邮
!
只ecOrdset。
)
ms=。
SELECTnnameR1.open
FROMbDass。
ms,obj,1%>
…………——…………一J…‰一
客户螬
(2)建立JavaScript中的数组
l
用户●件
虚1■E让
Jn。
|s∞p|
箱、论坛用户名
由于用户名的数量未知。
因此建立动态数组“k”。
接下来。
使用ASP语句对记录集R1进行遍历,将所有记录集宇段nname内容存放在数组当中。
以t作为标识,使新建一个数组单元便存
放一个用户名。
一———●
@回进结果
’
动态数组
①数据传进
.国
\数/库
数据后台(服务器端)
等。
如何使新注册的用户名不与已有的用户
应用与安全
率较低。
而且用户使用起来也显得比较笨拙。
<script
var
二列表的内容标签和值。
其中关键语句为二维数组的建立:
Ianguage=-javascript‘>
二级级联的方法就是把所有的选项进行分类,让用户先选择类型,然后再选择具体目标。
如对学校各位老师的姓名进行选择时.因
k=newArray();
<%t=Owh¨e(not
subcat【<%=t%>】=newArray(。
<%=R2(。
tkeshi。
)%>‘.。
<%=R2(。
teaname。
)%>’)
R1,eof)%>
为人数较多,即使按姓名排列的方法也较费时间。
使用二级级联方法.可先按照各人所属科室进行分组。
用户在使用的时候,首先在第一个下拉列表中选择科室,第二个列表中立即刷新为所属人员列表。
这样,使系统的利用效率得以大大地增强。
对于用户的使用也更具人性化。
k[<%=t%>】=newArray(‘<%=R1(。
nname。
)%>’)
<%t=t+1R1.movene)(twend%>
(3)人员列表更新函数
当用户在列表一中选择了科组后,触发以下函数对人员列表内容进行更新:
(3)检测新用户名
由于所有人员资料已经全部绑定在记录
由用户触发事件。
调用自定义函数。
把注册新用户名,即页面中用户名输入框中的值(form1.teXlfieldvaIue)。
跟所有数组单元中内容进行匹对。
若用户名已存在,退出循环。
并在指定位置当中显示出错提示。
否则提示用户名可用。
functionchangeseJectl(Jocationid)
{document.forml.s2Iength=O:
documenl.forml.s2.oplions【O】=newOp一№・n(‘==请选择==。
”):
for(._0:
ksubcat.Iength:
i十+){.f(subcat[i】[O】==Iocationid)
{document.forml.s2.options【document.forml.s2.Iength】=newOption(subcat【.】【1】.subcat【i】【1】):
}}
一
集并存放在JavaScr㈣的动态数组中,当用户
重选所属科组,浏览器也不需再经过服务器的数据传输.而直接在客户端里便可以完成人员列表的更新。
用户能更加直观、迅速、准确地选择目标选项。
这也是ASP和脚本语言相结合的优势体现。
具体操作步骤:
function
s()
(1)绑定记录集
}
{for(}=1:
i<=<%=R1.recordcount%>:
i++){
if(k[i一1】==forml.textfield.value){
document.getEIementByld
将所有教师的姓名、科室取出,并绑定为记录集。
绑定方法与上例中的记录集绑定方法
(。
kk。
).inner—
一致.先建立数据库的链接。
再定义记录集对象,最后执行SQL查询语言。
SELECT‘from
teachers”。
循环动态数组,将一维内容与列表一传送的参数Iocationid进行匹配,利用。
newOp—tion”命令把二维内容添加至列表二中,并设为当前选项的值。
这样,通过用户所选取的科组内容,经过循环,脚本函数可以自动地给列表二更新内容。
而这一切,完全由客户端完成。
免
HTML=。
出错。
该用户名已经被占用’break:
}eIse{
document.getEIementById
(。
kk。
).inner—
(2)建立JavaScript中的二维动态数组
HTML=。
可用‘}}}</script>
去了对数据库的多次调用。
由服务器端语言负责数据库的调用,客户
动态数组的建立方法与例一相同。
不同之端语言负责与用户交互。
因此系统可以自动地根据用户的事件进行即时的反应或提醒,使系统显得更加“人性化”。
而现今网络使用管理中,“智能化”、“高效率”是今后网络编程发展的大趋势。
因此怎样通过结合各种不同的网络编程语言来进行优化网页的使用管理已威为我们共同关注的话题.而JavaScr.pt与ASP(VBScripl)相结合的使用亦成为我们解决实际难题的主要方法。
2=级级联昀下稽列表
处在于本例中需要利用记录集中的数据建立二维数组。
如属于笔者资料的二维数组内容
表单中的下拉列表,可以让用户直观、准确地选择所需要的信息。
可是.一旦数量较多时,逐~拉选检查并非一个明智之举。
不但效
为:
subcal【177】-newArray(。
计算机”,”李志宏”)。
其一维内容“计算机”作为后面列表显示内容的匹配条件。
二维内容“李志宏”是作为第
作者简介:
李志宏(1981一),广州市人,于广州
在选择科组之前,用户名列
表为空
用户名列表中。
显示属于“计算机”科组的人员名单
第一商业中专学校任教师。
主要研究方向:
网页制作、网站建设。
31
客户端和服务器端语言混合使用两例——JavaScript和ASP(VBScript
作者:
作者单位:
刊名:
英文刊名:
年,卷(期:
被引用次数:
李志宏
广州市第一商业中专学校网络与信息
NETWORK&INFORMATION2008(71次
引证文献(1条
1.侯青.李磊Java与JavaApplet和JavaScript间的混编方法[期刊论文]-信息技术2009(8
本文链接:
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 客户端 服务器端 语言 混合 使用 JavaScript