主页 > 知识库 > 告别AJAX实现无刷新提交表单

告别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实现无刷新提交的简单实例

标签:红河 上海 乐山 河南 沈阳 长治 沧州 新疆

巨人网络通讯声明:本文标题《告别AJAX实现无刷新提交表单》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266