巅云智能建站平台搭建版(创业流派版)火爆上线,毕生受权!新增:文章智能收罗+全站真静态打包+都会分站+智能小法式+不法词过滤+H5自顺应+智能链词等功效功效概况
赞助文档Help

基于HTML完成表单提交后不革新页面

一佰互联网站建造(www.taishanly.com) 宣布日期 2020-04-20 08:51:19 阅读数: 136

利用ajax完成表单提交无革新页面在名目中常常会用到。前一段时辰随着徒弟学到了别的几种无革新提交表单的体例,首要是基于iframe框架完成的。此刻清算出来分享给大师。
第一种:
(html页面)

HTML Code复制内容到剪贴板
  1. <!DOCTYPE HTML>    
  2. <html lang="en-US">    
  3. <head>    
  4. <meta charset="utf-8">    
  5. <title>无革新提交表单</title>    
  6. <style type="text/css">    
  7. ul{ list-style-type:none;}    
  8. </style>    
  9. </head>    
  10. <body>    
  11. <iframe name="formsubmit" style="display:none;">    
  12. </iframe>    
  13. <!-- 将form表单提交的窗口指向埋没的ifrmae,并经由过程ifrmae提交数据。 -->    
  14. <form action="form.php" method="POST" name="formphp" target="formsubmit">    
  15. <ul>    
  16. <li>    
  17. <label for="uname">用户名:</label>    
  18. <input type="text" name="uname" id="uname" />    
  19. </li>    
  20. <li>    
  21. <label for="pwd">密 码:</label>    
  22. <input type="password" name="pwd" id="pwd" />    
  23. </li>    
  24. <li>    
  25. <input type="submit" value="登录" />    
  26. </li>    
  27. </ul>    
  28. </form>    
  29. </body>    
  30. </html>    
  31.   
  32. (PHP页面:form.php)    
  33.   
  34. <?php    
  35. //非空考证    
  36. if(empty($_POST["uname"]) || empty($_POST["pwd"]))    
  37. {    
  38. echo "<script type="text/javascript">alert("用户名或暗码为空!");</script>";    
  39. exit;    
  40. }    
  41. //考证暗码    
  42. if($_POST["uname"] != "jack" || $_POST["pwd"] != "123456")    
  43. {    
  44. echo "<script type="text/javascript">alert("用户名或暗码不准确!");</script>";    
  45. exit;    
  46. else {    
  47. echo "<script type="text/javascript">alert("登录胜利!");</script>";    
  48. exit;    
  49. }   


第二种:
(html页面)

HTML Code复制内容到剪贴板
  1. <!DOCTYPE HTML>    
  2. <html lang="en-US">    
  3. <head>    
  4. <meta charset="utf-8">    
  5. <title>iframe提交表单</title>    
  6. </head>    
  7. <body>    
  8. <iframe name="myiframe" style="display:none;" onload="iframeLoad(this);"></iframe>    
  9. <form action="form.php" target="myiframe" method="POST">    
  10. 用户名:<input type="text" name="username" /><br/>    
  11. 密 码:<input type="password" name="userpwd" /><br/>    
  12. <input type="submit" value="登录" />    
  13. </form>    
  14. <script type="text/javascript">    
  15. function iframeLoad(iframe){    
  16. var doc = iframe.contentWindow.document;    
  17. var html = doc.body.innerHTML;    
  18. if(html != ""){    
  19. //将获得到的json数据转为json工具    
  20. var obj = eval("("+html+")");    
  21. //判定前往的状况    
  22. if(obj.status < 1){    
  23. alert(obj.msg);    
  24. }else{    
  25. alert(obj.msg);    
  26. window.location.href="http://www.baidu.com";    
  27. }    
  28. }    
  29. }    
  30. </script>    
  31. </body>    
  32. </html>   

(PHP页面:form.php)

XML/HTML Code复制内容到剪贴板
  1. <?php    
  2. //设置时区    
  3. date_default_timezone_set("PRC");    
  4. /*    
  5. 前往的提交动静    
  6. status:状况    
  7. msg:提醒信息    
  8. */    
  9. $msg = array("status"=>0,"msg"=>"");    
  10. //获得提交过去的数据    
  11. $name = $_POST["username"];    
  12. $pwd = $_POST["userpwd"];    
  13. //摹拟登录考证    
  14. $user = array();    
  15. $user["name"] = "jack";    
  16. $user["pwd"] = "jack2014";    
  17. if($name != $user["name"]){    
  18. $msg["msg"] = "该用户未注册!";    
  19. $str = json_encode($msg);    
  20. echo $str;    
  21. exit;    
  22. }else if($pwd != $user["pwd"]){    
  23. $msg["msg"] = "输出的暗码毛病!";    
  24. $str = json_encode($msg);    
  25. echo $str;    
  26. exit;    
  27. }    
  28. $msg["msg"] = "登录胜利!";    
  29. $msg["status"] = 1;    
  30. $str = json_encode($msg);    
  31. echo $str;  

以上内容是小编给大师先容的基于HTML完成表单提交后无革新页面的相干内容,但愿对大师有所赞助!

一佰互联是天下着名建站品牌办事商,咱们有九年、网站建造、网页设想、php开辟和域名注册及假造主机办事经历,供给的办事更是天下着名。最近几年来还整合团队上风自立开辟了可视化多用户”“3.0平台版,拖拽排版网站建造设想,轻松完成pc站、手机微网站、小法式、APP一体化全网营销网站扶植 ,已胜利的为天下上百家收集公司供给自助建站平台搭建办事。

相干动静more

14
04月
结合国:环球仍有超40亿人未接入互联网

09月22日报道:9月21日晚间动静,结合国宽带委员会(以下简称“UNBC”)周一宣布报告称,今朝环球网民数目增加开... >>概况

25
04月
ThinkPHP like恍惚查问,like

ThinkPHP的数据库前提查问语句有字符串式,数组式誊写体例字符串式便是原生式,数组式查问语句因誊写体例与特定字符的缘由比拟庞杂,上面为大... >>概况

29
04月
php中autoload的用法总结

PHP中供给了Autoload来赞助咱们便利的停止文件的包罗,可是autoload并非设想的那样能够或许处置一切的环境,明天就来记实一下头几天遇... >>概况

18
05月
网站外链数目增加迟缓缘由安在?_巅云建站

数目一向以来都能够或许说是最搅扰站长的数据了,由于在你多的时辰你会担忧由于外链太多而遭到连累性赏罚,而在外链少的时辰,又纠结排名不好能够是由于外... >>概况

高端网站扶植

美工统筹SEO,为企业电子商务营销助力!

德律风:

023-85725751
建站

产物

域名注册 假造主机 云办事器 企业邮局
智能建站 APP打包 微站/小法式 创业平台
网站推行 媒体营销 智能收罗 AI机械人
400德律风 短信营销 店销机械人
私家定制 流派网站