Methoden und Beispiele für PHP-HTML-Übermittlungsformulare ohne Aktualisierung

墨辰丷
Freigeben: 2023-03-29 16:52:02
Original
1704 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich das PHP-HTML-Einreichungsformular ohne Aktualisierung vorgestellt. In diesem Artikel werden zwei Methoden für das Nicht-Aktualisierungs-Einreichungsformular vorgestellt.

Normalerweise für das Nicht-Aktualisierungs-Einreichungsformular Implementieren Sie es mit Ajax. Vor einiger Zeit habe ich von meinem Chef erfahren, dass eine andere Methode zum Absenden eines Formulars ohne Aktualisierung mit dem Iframe-Framework implementiert ist. Jetzt habe ich es geklärt und mit allen geteilt.
Erster Typ:
HTML-Seite

<!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>
Nach dem Login kopieren

PHP-Seite: form.php

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

Zweiter Typ:
HTML-Seite

<!DOCTYPE HTML>
<html lang="en-US">
<head>
  <meta charset="utf-8">
  <title>iframe提交表单</title>
</head>
<body>
  <iframe name="myiframe" style="display:none;" onload="iframeLoad(this);"></iframe>
  <form action="form.php" target="myiframe" method="POST">
   用户名:<input type="text" name="username" /><br/>
   密 码:<input type="password" name="userpwd" /><br/>
   
   <input type="submit" value="登录" />
  </form>
  
  <script type="text/javascript">
   function iframeLoad(iframe){
    var doc = iframe.contentWindow.document;
    var html = doc.body.innerHTML;
    if(html != &#39;&#39;){
     //将获取到的json数据转为json对象
     var obj = eval("("+html+")");
     //判断返回的状态
     if(obj.status < 1){
      alert(obj.msg);
     }else{
      alert(obj.msg);
      window.location.href="http://www.baidu.com";
     }
    }
   }
  </script>
</body>
</html>
Nach dem Login kopieren


PHP-Seite: form.php

<?php
 //设置时区
 date_default_timezone_set(&#39;PRC&#39;);
 /*
  返回的提交消息
  status:状态
  msg:提示信息
 */
 $msg = array(&#39;status&#39;=>0,&#39;msg&#39;=>&#39;&#39;);
 
 //获取提交过来的数据
 $name = $_POST[&#39;username&#39;];
 $pwd = $_POST[&#39;userpwd&#39;];
 
 //模拟登录验证
 $user = array();
 $user[&#39;name&#39;] = &#39;jack&#39;;
 $user[&#39;pwd&#39;] = &#39;jack2014&#39;;
 
 if($name != $user[&#39;name&#39;]){
  $msg[&#39;msg&#39;] = &#39;该用户未注册!&#39;;
  $str = json_encode($msg);
  echo $str;
  exit;
 }else if($pwd != $user[&#39;pwd&#39;]){
  $msg[&#39;msg&#39;] = &#39;输入的密码错误!&#39;;
  $str = json_encode($msg);
  echo $str;
  exit;
 }
 
 $msg[&#39;msg&#39;] = &#39;登录成功!&#39;;
 $msg[&#39;status&#39;] = 1;
 $str = json_encode($msg);
 echo $str;
Nach dem Login kopieren

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Lernen aller hilfreich sein wird.

Verwandte Empfehlungen:

phpDes-Verschlüsselungs- und Entschlüsselungsbeispiele im Einklang mit c# implementieren

Abstrakte Klasse in PHP Und Analyse abstrakter Methodenkonzepte und Anwendungsbeispiele

Verwendung und Grundfunktionen des Headers in PHP

Das obige ist der detaillierte Inhalt vonMethoden und Beispiele für PHP-HTML-Übermittlungsformulare ohne Aktualisierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage