单片机、微处理器的WiFi http协议网页响应

ipad、手机通过网页操纵、监测单片机微处理器运行

实现：

1、平台：wifi无线转串口透传模块（解析到tcp层），串口调试助手，USB转串模块，win7系统

2、测试步骤

（1）在ipad、手机浏览器中输入WiFi模块的透传网址加端口（192.168.16.254:8080）

（2）在串口助手中收到http协议的请求内容，然后，用串口助手发送index文件，之后在浏览器中就可以看到页面

index源码：

HTTP/1.1 200 OK
Server: Leisur's Server
Connection: Close
Content-Length: 10161
Content-Type: text/html;charset=utf-8

<html>
<head>
<meta charset="utf-8" initial-scale=2.0>
<title>##Studio</title>
<style>
header , footer, button {
letter-spacing: normal;
text-align: center;
word-spacing: normal;
display: block;
alignment-adjust:middle;
}
header {
width: 100%;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 22px;
font-weight: bold;
float:left;
background-color: #ADB96E;
}
button {
width: 40%;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 25px;
font-weight: bold;
background-color: #F9F9F9;
height:50;
}
footer{
width: 100%;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
background-color: #CCC;
}
.logo {
background-color: #0C0;
float: left;
}
body {
background-color:#42413C;
TEXT-ALIGN: center;
}
center{
MARGIN-RIGHT: auto;
MARGIN-LEFT: auto;
}
.container {
width: 90%;
background-color: #FFFFFF;
display:block;
text-align: center;
}
</style>
<script type="text/javascript">
var xmlhttp;
function loadXMLDoc(url,cfunc)
{
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=cfunc;
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
function execute(command)
{
loadXMLDoc("/"+command,function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("log").innerHTML=xmlhttp.responseText;
}
});
}
</script>

</head>
<body>
<center>
<div class="container">
<header>
<img src="data:image/gif;base64,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" alt="PRIECO" name="pireco_logo" Height="70" class="logo" id="pireco_logo"/>
<p>CONTROLLER</p>
</header>
<hr align="left" width="100%">
<div class="comand">
<center>
<button type="button" onClick="execute('run')">RUN</button>
<button type="button" onClick="execute('stop')">STOP</button>
<button type="button" onClick="execute('scan')">SCAN</button>
<button type="button" onClick="execute('download')">DOWNLOAD</button>
</center>
</div>
<div id="log">
Print Log
</div>
<div id="content">
...
</div>
<footer>
<p>Copyright@2015 ## Studio</p>
<address>
## Studio, Haidian District, Beijing, China
</address>
</footer>
</div>
</center>
</body>
</html>

respond源码：

HTTP/1.1 200 OK
Server: Leisur's Server
Connection: Close
Content-Length: 5
Content-Type: text/html;charset=utf-8

eeeee

单片机、微处理器的WiFi http协议网页响应相关推荐

以javaweb项目为例，用户在搜索网页域名的过程到网页响应到底经过了什么？
用户用浏览器访问一个网站的时候背后的过程与步骤是怎样的? 文章目录 1.用户访问网站的流程 1.1 访问流程 1.2 利用DNS协议进行域名解析 1.3 建立tcp协议三次握手过程 1.3.1 简单说 ...
ESP8266的Web配网以及强制门户的实现（连接wifi自动打开网页）
目录前言 Web配网详解强制门户详解完整代码实验效果前言 1.Web配网概述在应用到esp8266的场景,往往与wifi是离不开的,但用户的wifi账号密码又无从知晓,于是乎有了配网. 目 ...
ESP8266Web配网（连接wifi自动打开网页）
前言 1.Web配网概述在应用到esp8266的场景,往往与wifi是离不开的,但用户的wifi账号密码又无从知晓,于是乎有了配网. 目前,市面上的配网方式多种多样,但其中博主觉得成功率最高,最方便 ...
WIFI系列协议--802.11v--无线网络管理
WIFI系列协议--802.11v--无线网络管理 1.概述 2.定义 3.缩写 4.总体描述 4.1 无线网络管理 4.1.1 概述 4.1.2 BSS Max idle period manage ...
【电脑连接wifi不能访问网页但是微信和QQ可以登录如何解决】
电脑连接wifi不能访问网页但是微信和QQ可以登录如何解决选择WIFI,修改DNS配置 1.选择控制面板,找到连接的WLAN,右键选择"Internet协议版本4(TCP/IPV4)&qu ...
PIC单片机与触摸屏串行通信MODBUS协议
PIC单片机与触摸屏串行通信MODBUS协议关键词:触摸屏 PIC单片机 Modbus协议通信工控中经常需要观察系统的运行状态或者修改运行参数.触摸屏能够直观.生动地显示运行参数和运行状态,而且 ...
WIFI系列协议--802.11r--快速基本服务集(BSS)转换
WIFI系列协议--802.11r--快速基本服务集BSS转换 1.定义 2.缩写和首字母缩写 3.帧格式 3.1 管理帧 3.1.1 Beacon帧格式 3.1.2 Association请求帧格式 ...
页面HTTP状态查询“返回状态码：200 ”是什么意思？（网页响应状态码）
200是响应正常的意思,这个是服务器返回页面的响应头信息.里面bai的Transfer-Encoding: chunked,意思是使用了提前不可知数据长度的传输方式,需要浏览器继续读取响应,接下来才知 ...
Http协议常见响应码
在http通讯协议中,我们常常遇见404.500等错误,有时候还会遇到200(跨域的时候最常见)等状态码,那么,http常见状态码有哪些呢?分别代表什么意思? 1)1xx--临时响应:表示临时响应并需 ...
WIFI系列协议--802.11g--2.4GHz增强速率物理层简称ERP--54Mbit
WIFI系列协议--802.11g--2.4GHz增强速率物理层简称ERP--54Mbit 1.缩写和首字母缩写 2.帧格式 2.1 控制帧(Control frames) 2.1.1 CTS帧格式( ...

单片机、微处理器的WiFi http协议网页响应

单片机、微处理器的WiFi http协议网页响应相关推荐

最新文章

热门文章

单片机、微处理器的WiFi http协议 网页响应

单片机、微处理器的WiFi http协议 网页响应相关推荐

最新文章

热门文章

单片机、微处理器的WiFi http协议网页响应

单片机、微处理器的WiFi http协议网页响应相关推荐