• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    告别AJAX实现无刷新提交表单

    通常对于无刷新提交表单,我们都是运用ajax实现的。前段时间跟着老大了解到另一种无刷新提交表单的方法。现在整理出来分享给大家。

    第一种:

    (html页面)

    复制代码 代码如下:

    !DOCTYPE HTML>
    html lang="en-US">
    head>
        meta charset="utf-8">
        title>无刷新提交表单/title>
        style type="text/css">
            ul{ list-style-type:none;}
        /style>
    /head>
    body>
        iframe name="formsubmit" style="display:none;">
        /iframe>

        !-- 将form表单提交的窗口指向隐藏的ifrmae,并通过ifrmae提交数据。 -->
        form action="form.php" method="POST" name="formphp" target="formsubmit">
           ul>
                li>
                    label for="uname">用户名:/label>
                    input type="text" name="uname" id="uname" />
                /li>
                li>
                    label for="pwd">密  码:/label>
                    input type="password" name="pwd" id="pwd" />
                /li>
                li>
                    input type="submit" value="登录" />
                /li>
           /ul>
        /form>
    /body>
    /html>

    (PHP页面)

    复制代码 代码如下:

    ?php
      //非空验证
      if(empty($_POST['uname']) || empty($_POST['pwd']))
      {
        echo 'script type="text/javascript">alert("用户名或密码为空!");/script>';
        exit;
      }

      //验证密码
      if($_POST['uname'] != 'jack' || $_POST['pwd'] != '123456')
      {
        echo 'script type="text/javascript">alert("用户名或密码不正确!");/script>';
        exit;
      } else {
        echo 'script type="text/javascript">alert("登录成功!");/script>';
        exit;
      }

    您可能感兴趣的文章:
    • jQuery实现form表单基于ajax无刷新提交方法详解
    • Jquery基于Ajax方法自定义无刷新提交表单Form实例
    • 不使用ajax实现无刷新提交表单
    • 将form表单通过ajax实现无刷新提交的简单实例
    上一篇:父div高度不能自适应子div高度的解决方案
    下一篇:从零学CSS系列之文本属性
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    告别AJAX实现无刷新提交表单 告别,AJAX,实现,无,刷新,