Rumah > hujung hadapan web > tutorial css > Ucapkan selamat tinggal kepada AJAX dan laksanakan penyerahan borang tanpa muat semula

Ucapkan selamat tinggal kepada AJAX dan laksanakan penyerahan borang tanpa muat semula

PHPz
Lepaskan: 2019-01-04 14:05:04
asal
2253 orang telah melayarinya

Biasanya kami menggunakan ajax untuk menyerahkan borang tanpa memuat semula. Beberapa ketika dahulu, saya mengikuti bos saya dan mengetahui tentang kaedah lain untuk menghantar borang tanpa memuat semula. Sekarang saya telah menyelesaikannya dan berkongsi dengan semua orang.

Jenis pertama:

(halaman html)

Kod adalah seperti berikut:

<!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>
Salin selepas log masuk

Jenis kedua:

(halaman php)

Kodnya adalah seperti berikut:

<?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;
  }
Salin selepas log masuk





Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan