Verabschieden Sie sich von AJAX und implementieren Sie Übermittlungsformulare ohne Aktualisierung-CSS-Tutorial-php.cn

Verabschieden Sie sich von AJAX und implementieren Sie Übermittlungsformulare ohne Aktualisierung

PHPz

Freigeben： 2019-01-04 14:05:04

Original

2163 Leute haben es durchsucht

Normalerweise verwenden wir Ajax, um Formulare ohne Aktualisierung zu übermitteln. Vor einiger Zeit folgte ich meinem Chef und lernte eine andere Methode kennen, ein Formular ohne Aktualisierung einzureichen. Jetzt habe ich es geklärt und mit allen geteilt.

Der erste Typ:

(HTML-Seite)

Der Code lautet wie folgt:

<!DOCTYPE HTML>
<html>
<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>

Nach dem Login kopieren

Der zweite Typ:

(php-Seite)

Der Code lautet wie folgt:

<?php
  //非空验证
  if(empty($_POST[&#39;uname&#39;]) || empty($_POST[&#39;pwd&#39;]))
  {
    echo &#39;<script type="text/javascript">alert("用户名或密码为空!");</script>&#39;;
    exit;
  }
  //验证密码
  if($_POST[&#39;uname&#39;] != &#39;jack&#39; || $_POST[&#39;pwd&#39;] != &#39;123456&#39;)
  {
    echo &#39;<script type="text/javascript">alert("用户名或密码不正确!");</script>&#39;;
    exit;
  } else {
    echo &#39;<script type="text/javascript">alert("登录成功!");</script>&#39;;
    exit;
  }

Nach dem Login kopieren