网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > Javascript
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.强制弹出广告页面+自动最小化代码.
.Javascript实例教程(10) 创建"后.
.JS代码的格式化和压缩.
.javascript捕获窗口关闭事件.
.调试javascript的好方法 .
.用JavaScript绘图—JS2D函数集.
.关于Firefox下JavaScript设置主页.
.浅谈JavaScript中面向对象技术的.
.Javascript控制Flash FLV视频播放.
.一行JS代码给实现Blog页面下雪效.
.Javascript实例教程(20) OLE Aut.
.Javascript实例教程(6) 利用Java.
.JavaScript中toLocaleString函数.
.javascript中close()函数.
.Javascript如何复制内容到用户的.
.Javascript代码混淆综合解决方案.
.使用JavaScript检测浏览器的相关.
.javascript中使用重载.
.怎样从 Javascript 传递一个变量.
.javascript定义类和实例化类.

Javascript实例教程(14) JS代替CGI

发表日期:2004-1-30


使用Javascript代替CGI

你可能对CGI脚本比较熟悉,利用CGI你可以通过表单将数字或者变量从一个网页上传递到另外一个网页。当然,你可以利用“POST”将变量以独立的线程进行传递而不显示在浏览器中,或者利用“GET”将变量编码到URL。

JavaScript不能在变量在服务器端被处理的时候利用POST方法;但是你可以注意到当你提交一个使用GET方法的表单的时候,定位条上在文件名之后包含了额外的信息,比如:

www.pconline.com.cn/mypage.html?name=Mike&age=33

利用JavaScript我们可以访问这些变量,具体可以使用一个相关的数组合来实现,如下所示:

<SCRIPT language="JavaScript1.1">

<!-- Hide from older browsers


function formInput() {

// empty object

}


var valueOf = new formInput();


var pairs = document.location.search.substring(1).split("&");

for (var i=0; i < pairs.length; i++) {

var values = pairs[i].split("=");

valueOf[values[0]] = unescape(values[1]);

}


// Stop hiding -->

</SCRIPT>

以上代码的作用是从浏览器的定位条上将变量提取出来并将它们存储在一个相关的数组合中。在网页的其它部分任何的变量都可以这样被引用,如:valueOf["variablename"],当然这些引用要在SCRIPT标签中。

作为一个测试,我们可以利用for .. in loop循环语句列出所有的被传递的变量。这允许我们循环掉出所有相关数组的内容而不管我们是不是直到这些变量的名字。具体代码如下:

<SCRIPT language="JavaScript">

<!-- Hide from older browsers


for (var x in valueOf) {

document.write(x + " = " + valueOf[x] + "<br>");

}


// Stop hiding -->

</SCRIPT>

这时候就会输入以下的内容:

name=Mike

age=33

这个例子虽然没什么用,但是它只是为了向你显示程序是如何工作的。这些变量现在就可以用在填充表单元素的内容,或者显示图片或者创建其它的网页内容,总之可以实现CGI能实现的内容。

点击此处去测试效果页面
上一篇:Javascript实例教程(13) 鼠标触发窗口 人气:16820
下一篇:Javascript实例教程(15) 日期函数 人气:73519
浏览全部的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐