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

使用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 copyright dedecms

function formInput() { 内容来自dedecms

// empty object

内容来自dedecms

} dedecms.com

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]);

} dedecms.com

// Stop hiding --> copyright dedecms

</SCRIPT> 本文来自织梦

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

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

<SCRIPT language="javascript"> 本文来自织梦

<!-- Hide from older browsers dedecms.com

for (var x in valueOf) {

织梦好，好织梦

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

}

// Stop hiding -->

织梦内容管理系统

</SCRIPT> 内容来自dedecms

这时候就会输入以下的内容： dedecms.com

name=Mike

织梦内容管理系统

age=33 织梦内容管理系统

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

看完这篇，您有何感觉呢？