Dites adieu à AJAX et implémentez la soumission de formulaires sans actualisation-tutoriel CSS-php.cn

Dites adieu à AJAX et implémentez la soumission de formulaires sans actualisation

PHPz

Libérer： 2019-01-04 14:05:04

original

2163 Les gens l'ont consulté

Habituellement, nous utilisons ajax pour soumettre des formulaires sans les actualiser. Il y a quelque temps, j'ai suivi mon patron et découvert une autre méthode pour soumettre un formulaire sans actualisation. Maintenant, je l’ai réglé et je l’ai partagé avec tout le monde.

Le premier type :

(page html)

Le code est le suivant :

<!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>

Copier après la connexion

Le deuxième type :

(page php)

Le code est le suivant :

<?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;
  }

Copier après la connexion