程序博客网 > 最好用的crm软件

利用iframe实现表单的无刷新提交

来源：互联网 发布：最好用的crm软件 编辑：程序博客网 时间：2024/05/16 19:53
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <title>利用iframe进行表单的无刷新提交</title>
  6.         <style type="text/css">
  7.             .f-hidden {
  8.                 display: none;
  9.             }
  10.         </style>
  11.     </head>
  12.     <body>
  13.         <iframe id="targetFrame" name="targetFrame" class="f-hidden"></iframe>
  14.         <form action="./api" method="post" target="targetFrame">
  15.             <p><label>请填写正确的内容：<input type="text" name="content"></label></p>
  16.             <button type="submit">提交内容</button>
  17.         </form>
  18.     </body>
  19.     <script type="text/javascript">
  20.         //获取iframe
  21.         var targetFrame = document.getElementById('targetFrame');
  22.         //注册onload事件
  23.         addEvent(targetFrame, 'load', function(event){
  24.             try{
  25.                 var result = JSON.parse(targetFrame.contentWindow.document.body.textContent);
  26.                 if(result.code === 200){
  27.                     //正确返回提交的结果
  28.                 }
  29.             }catch(e){
  30.                 //捕获错误
  31.             }
  32.         });
  33.  
  34.         //兼容IE注册事件
  35.         function addEvent(node, type, handler){
  36.              if (node.addEventListener){
  37.                   node.addEventListener(type, handler, false);
  38.              }else if(node.attachEvent){
  39.                   node.attachEvent('on' + type, handler);
  40.              }else{
  41.                   node['on' + type] = handler;
  42.              }
  43.         }
  44.     </script>
  45. </html>
0 0
最好用的crm软件 最好用的crm软件
原创粉丝点击
热门IT博客
单片机编程工具单片机编程工具
js判断变量是否为数组js判断变量是否为数组
美食知乎精华
html2canvas.min.js
淘宝客加人怎样加精准
减肥励志故事知乎
360云盘数据丢失
psp rpg游戏 知乎
淘宝拍卖靠谱吗
c amf数据
g92 l双头螺纹编程
中国指数研究院数据库
vm怎么删除虚拟机mac
淘宝质量问题退货认定
淘宝联盟是什么
jda软件如何
前端javascript爬虫
微信获取聊天消息java
软件代替身份证读卡器
大疆算法工程师笔试题
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 毛笔的价格 毛笔教程 小毛毛虫 小毛虫教学设计 加油小毛虫 小毛虫 我有一头小毛驴我从来也不骑 我有一个小毛驴 我有个小毛驴儿歌 小毛驴故事 小毛驴过河的故事 小毛驴的图片 我是一只小毛驴儿歌 尤克里里小毛驴 公小毛驴配大毋马 我有一头小毛驴改编 小毛驴的乐谱 小毛驴电子琴简谱 我的小毛驴不见了 小毛驴舞蹈 小毛驴歌谱 小毛驴歌词歌词 小毛驴之歌 小毛驴多少钱一头 小毛驴火锅 小毛驴电动车 小毛驴电动车价格 小毛驴多少钱 小毛驴儿 我的小毛驴 我是一只小毛驴 小毛驴养殖 小毛驴教案 卡通小毛驴 小毛驴伴奏 小毛驴五线谱 自作聪明的小毛驴 小毛驴曲谱 小毛驴的故事 小毛驴过河 小毛驴照片

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里