Chinaunix首页 | 论坛 | 博客

manpaizhou的ChinaUnix博客

首页　| 　博文目录　| 　关于我

manpaizhou

  • 博客访问： 410964
  • 博文数量： 48
  • 博客积分： 1032
  • 博客等级： 上士
  • 技术积分： 1256
  • 用 户 组： 普通用户
  • 注册时间： 2012-05-19 13:24
文章分类

全部博文（48）

文章存档

2014年（3）

2013年（23）

2012年（22）

我的朋友
最近访客
推荐博文
相关博文
EJScript数据交互

分类： 系统运维

2012-12-11 16:20:33

传统架构和ejs架构对应表单数据提交之后处理方式不同：
   传统方式：表单数据传递到web应用程序的环境变量里面。
   ejs架构：用params[]参数数组替换了环境变量。将表单数据转换成了一个嵌套集合。
方式调用很简单，只是在提炼官方教程比较难。
举个例子说明调用方式：
程序功能：获取用户提交来的任意一个表单数据。
客户端(test.html)：

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
  2. <html xmlns="">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>Dojo</title>
  6. </head>
  7. <body>
  8. <h2>Custem Entry Form </h2>
  9. <form method="GET" action="gethint.ejs">
  10. <label for="firstname">First/Last Name:</label><br>
  11. <input type="text" id="firstname" name="firstname" value="Tom" />
  12. <input type="text" id="lastname" name="lastname" value="green"/>
  13. <br><label for="usre name">User Name:</label></br>
  14. <input type="text" id="usrename" name="usrename" size="20" />
  15. <br><label for="email">Email:</label></br>
  16. <input type="text" id="email" name="email" size="50" />
  17. <br><label for="address">Address:</label></br>
  18. <input type="text" id="address" name="address" size="50" />
  19. <br><label for="state">State:</label></br>
  20. <select name="state">
  21.     <option value="AL">Alabama</option>
  22.     <option value="AK">Alaska</option>
  23.     <option value="AS">American</option>
  24.     <option value="AZ">Arizona</option>
  25. </select> 
  26. <br><label for="city">City:</label></br>
  27. <input id="city" name="city" />
  28. <br><label for="zipcode">Zip Code:</label></br>
  29. <input id="zipcode" name="zipcode" size="10" />
  30. <br><label for="serverdate">Server Date:</label></br>
  31. <input id="severcate" name="serverdate" size="10" />
  32. <br><label for="comments">Comments:</label></br>
  33. <textarea id="comments" name="comments" row="3" cols="35" ></textarea>
  34. <br><input type="submit" value="submit" />
  35. <input type="reset" value="cansel" />
  36. </form>
  37. </body>
  38. </html>
服务器端(test.ejs)：

  1. <html>
  2. <body>
  3. <%
  4.     if(request.method == "GET"){//判断提交方式
  5.         write("good");
  6.         if (params.state != null)//取得下拉列表框的值，判断是否为空；
  7.         {
  8.         write("yes");
  9.         write("");
  10.         write(params.state);
  11.         }
  12.         else{
  13.         write("no");
  14.         }
  15.     }
  16.     else { 
  17.     write("HAH");
  18.     }
  19. %>
  20. </body>
  21. </html>
将服务器端代码编译：ajsweb test.ejs
做到这一步只是完成了类似cgi的功能没有达到ejs真正的强大。还有待进一步的提升。

阅读(2953) | 评论(0) | 转发(0) |
0

上一篇：读书笔记---CSS基础知识

下一篇：EJScript实现数据异步传输

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6