DIY综合交流区 webnet

webserver的html跳转问题

发布于 2020-06-04 16:22:29 浏览：796 订阅该版

* 本帖最后由 xb-w 于 2020-6-4 16:25 编辑 *

正在入门网络编程，使用了RTT的webnet包，为了方便省事，没有把index.html拷到/webnet文件夹内，直接修改了访问index.html的代码
直接传递一个大缓存字符，交给webnet_session_printf解析。
代码如下
```c
  static const char *body = "<html><head><meta http-equiv=\"Content-Type\" content=\"text/html; charset=GBK\">"
                "<title>Configuration Webpage</title>"
                "<script type=\"text/javascript\" language=\"javascript\">"
                "document.onkeydown = function(event_e){if(window.event){event_e = window.event;}"
                "var int_keycode = event_e.charCode||event_e.keyCode;"
                "if( int_keycode == '13' ) {login();return false;};};"
                "function AJAX(url,callback){"
                "var req=AJAX_init();"
                "req.onreadystatechange=AJAX_processRequest;"
                "function AJAX_init(){"
                "if(window.XMLHttpRequest){"
                "return new XMLHttpRequest();"
                "}else if(window.ActiveXObject){"
                "return new ActiveXObject('Microsoft.XMLHTTP');}};"
                "function AJAX_processRequest(){"
                "if(req.readyState==4){"
                "if(req.status==200){"
                "if(callback)"
                "callback(req.responseText);"
                "}}};"
                "this.doPost=function(body){"
                "req.open('POST',url,true);"
                "req.setRequestHeader('Content-Type','application/x-www-form-urlencoded');"
                "req.setRequestHeader('ISAJAX','yes');"
                "req.send(body);};};"
                "function $(id){return document.getElementById(id);};"
                "function login(){"
                "var password=$('password').value;"
                "var ologin;"
                "var post_timer;"
                "if(password!=''){post_timer=setTimeout(function(){ologin=new AJAX('login.cgi',function(t){try{if(t=='Welcome'){location.reload();}else{$('login_bar').innerHTML=t;}}catch(e){alert(e);}});ologin.doPost('&password='+password);},300);}"
                "};"
                "function setFocus() {"
                "$('password').focus();"
                "return;"
                "}"
                "</script>"
                "<style>"
                "body{font-family:Verdana,Arial,sans-serif;background:#5b5b5b;margin:0px auto;padding:0 0 20px 0;}"
                ".pull{width:'165px';}"
                ".show_login{border:0px solid #E0E0E0;background-color:#FFF;height:250px;width:400px;top:50%;left:50%;position:absolute;margin-left:200px;margin-top:120px;}"
                ".top{border:0px solid #F00;height:35px;width:400px;background-color:#336699;}"
                ".top1{border:0px solid #F00;float:left;width:100px;line-height:35px;font-weight:bold;margin-left:10px;font-size:15px;color:white;}"
                ".namepwd_tishi{border:0px solid #F00;height:25px;line-height:25px;margin-top:5px;text-align:center;font-size:13px;}"
                ".login_password{border:0px solid #F00;height:73px;margin-top:0px;font-size:14px;margin-left:30px;}"
                ".login_password th{border:0px solid #F00;color:#333;height:35px;width:6px;font-weight:normal;text-align:left;}"
                ".login_password input{height:22px;width:320px;}"
                ".login_button{text-align:center;margin-top:30px;}"
                ".login_button input{height:30px;background:#336699;border:0;width:100px;cursor:pointer;font-weight:bold;margin-left:10px;font-size:15px;color:white;}"
                "</style>"
                "</head>"
                "<body><body'>"
                "<div class=\"show_login\">"
                "<div class=\"top\">"
                "<div class=\"top1\">Login</div>"
                "</div>"
                "<div class=\"namepwd_tishi\">      </div>"
                "<div class=\"login_password\">"
                "<table>"
                "<tbody><tr></tr>"
                "<tr><th></th><th>Please Input Password of Administrator</th></tr>"
                "<tr><th></th><td><input type=\"password\" id=\"password\" name=\"password\" maxlength=\"30\"></td></tr>"
                "<tr><td></td><td id=\"login_bar\" name=\"login_bar\" type=\"text\" style=\"color:red\" outline=\"none\"></td></tr>"
                "</tbody></table>"
                "</div>"
                "<div class=\"login_button\"><input id=\"login\" value=\"Login\" onclick=\"login()\" type=\"button\"></div>"
                "</div><script>setFocus();</script></body'></body></html>";

webnet_session_set_header(session, "text/html", 200, "OK", -1);

webnet_session_printf(session, body);
```

输入ip地址，html如下图显示
![网页.png](/uploads/202006/04/162512rj7qb44w2gu4g218.png)
想实现的功能是输入密码->密码校验->跳转主页

我是小白，请问怎么做密码校验和跳转呢？？？