关键词：Embedded web server, MCU,单片机, 嵌入式服务器,CGI, AJAX 做涉及嵌入式服务器的产品也很久很久了，把一些经验简单小结在网站上 嵌入式系统中网页和程序交互： 1.CGI方式，JS AJAX 可以在链接或者不是链接里面都可以 cgi在路径里面 如： onclick=”newAJAXCommand(‘/protect/leds.cgi?led=1’);” 回显在ajax动态刷新xml变量处 2.FORM表单方式 GET表单提交 < form action=””/protect/index.htm” method=”get”>GET提交实际是填充路径 http://192.168.0.140/protect/index.htm?dim0=2&submit.x=7&submit.y=15 dim0=0 表示id及其参数 submit.x .y是因为用的图片代替按钮，按的坐标 或POST方式 3.AJAX方式提交表单 不让表单提交，JS中转化成cgi提交 按钮点击交给js函数，js函数中再调用newAJAXCommand 会发现form本身还是会再次提交，为避免重复提交覆盖，需要在form中加上onsubmit=”return false;”，这样就完全由js借助cgi提交了 如果要提交一个数值，可以用CGI 或FORM，如果提交字符串，可用FORM POST CGI应用程序工作原理： 1.浏览器通过HTML表单或超链接请求指上一个CGI应用程序的URL。 2.服务器收发到请求。 3.服务器执行指定所CGI应用程序。 4.CGI应用程序执行所需要的操作，通常是基于浏览者输入的内容。 5.CGI应用程序把结果格式化为网络服务器和浏览器能够理解的文档（通常是HTML网页）。 6.网络服务器把结果返回到浏览器中。 表单相关知识： 在Web中实现人机交互主要使用表单（FORM）来标识，FORM与CGI程序一起共同完成用户与Web服务器之间的交互， 它主要完成两个功能： 是指定CGI的路径和名称； 二是将读者从浏览器中输入的信息送给CGI。 FORM（在文档中产生表单，指明表单的开始和结束） 我们通过

…

标识建立一个信息输入提示区。该标识有两个属性：一个属性指明其CGI的路径和程序名； 另一个说明读者输入信息给Web服务器的数据传输方式。 前者使用

格式，后者使用 格式，其中POST指明将FORM输入的信息进行包装，CGI程序中通过CONTENT-LENGTH环境变量决定输入信息的长度，再从标准输入中将其读出。 GET指明将FORM输入信息作为字符串附加在ACTION所设定的URL后面，中间用“？”隔开。CGI程序可以用QUERY-STRING环境变量去取得FORM传送的输入信息。

INPUT（在文档中输入多种类型的字段，其类型由TYPE属性设置 使用标识就可完成一般的信息输入，在INPUT中共有七种类型，它们分别是TYPE、PASSWORD、RADIO、CHECKBOX、SUBMIT、RESET、HIDDEN类型。 TYPE类型允许用户在窗口中手动输入信息； PASSWORD方式用于口令输入，不显示输入数据； RADIO通常称为“无线按钮”，当使用该类型时，在屏上出现了多个按钮供选择使用； CHECKBOX可使得输入信息可以具有多选钮的方式进行数据传送； SUBMIT可在屏幕上产生一个具有“提交”功能的按钮，它是FORM中必不可少的； RESET可使用户输入的数据被清除，以重新输入数据； HIDDEN类型使FORM窗口隐藏。 示例： 姓名：< input type=”Text” name=”name” size=”8” /> 性别： < input type=”radio” checked=”checked” name=”sex” />男 < input type=”radio” name=”sex” />女 < input type=”Submit” value=”提交” /> < input type=”Reset” value=”重置” /> SELECT和OPTION（定义用于选择的项目，它可以产生我们经常使用的列表框） 也可通过 … 标识设置一个下拉菜单或带有滚动条的菜单项。 在SELECT标识中共有三个属性：NAME（提交时的名字）、SIZE（同时显示菜单中的选项条数）、MALTIPLE（允许使用者一次选多个选项）。其基本格式为：

TEXTAREA（允许用户输入多行内容的字段） 使用…标识可使的交互的窗口可以出现多行多列进行数据输入，同样该标识也有三个属性：NAME（提交用的名字）、ROWS（行数）、COLS（列数）。