Ajax asynchrone Übermittlung für die PHP7-Messageboard-Entwicklung
PHP7-TutorialEinführung in die asynchrone Ajax-Übermittlung zur Message-Board-Entwicklung
Empfohlen (kostenlos): php7-Tutorial, Ajax-Tutorial
Vorwort
Dieses Tutorial ist der wichtigste Teil dieses Albums Bar. Mit der kontinuierlichen iterativen Aktualisierung der Frontend-Technologie wurde die Implementierung vieler Funktionen der Website auf das Frontend verlagert. Gemessen an der Rangliste der Programmiersprachen im ersten Quartal 2018 ist JavaScript immer noch die beliebteste Programmiersprache. Wenn Sie also js gründlich erlernen möchten, ist Ajax unerlässlich.
Ich habe im vorherigen Kurs über die JS-Verifizierung gesprochen. Der Kursware-Code basiert auf der PHP7-Message-Board-Entwicklung (JS-Verifizierung) und kann einfach durch Hinzufügen des asynchronen Ajax-Operationsteils abgeschlossen werden.
Es ist zu beachten, dass wir hier nicht im Detail erklären, was das XMLHttpRequest-Objekt ist, warum wir es verwenden sollten usw. Ich glaube, dass Sie mehr beeindruckt sein werden, wenn Sie mehr darüber erfahren, nachdem Sie es verwenden können Versuchen Sie, hier so wenig Wörter wie möglich zu verwenden. Durch den prüfungsorientierten Unterricht können Lernergebnisse erzielt werden.
Öffnen Sie den Editor und legen Sie los!
Erklärung des Kernteils von Ajax Asynchronous
// 第一步 创建 XMLHttpRequest 对象，为了更容易理解，变量就用ajax
var ajax = new XMLHttpRequest();
// 第二步 初始化一个Ajax请求，url参数是远程请求地址ajax.php
ajax.open('POST', url, true); // 这里用到post提交留言，所以用post方式提交给服务器
// ajax.open('GET', url, true); // get方式请求服务器
// 第三步 发送请求；如果该请求是异步模式(默认)，该方法会立刻返回。
ajax.send(inputdata);
// 第四步 发送请求总该要知道有没收到吧，这里就需要用到Ajax的事件监听器onreadystatechange
ajax.onreadystatechange = function(){
// 这里判断服务器是否有数据响应，如果有则做些你要处理的逻辑，比如提示用户操作成功
}Wenn Sie die oben genannten vier Schritte immer noch nicht verstehen, können Sie es sich als den ersten Schritt vorstellen, einen Freund A zu finden, dem Sie eine E-Mail senden können, und den zweiten Schritt an Schreiben Sie den Inhalt des Briefes an Freund A und verkapseln Sie ihn mit der Adresse. Fügen Sie den Stempel ein und stellen Sie die E-Mail im dritten Schritt zu. Nach einer Weile (natürlich erfolgt die Antwort sofort, wenn die Internetverbindung verfügbar ist). Im vierten Schritt erhielt ich eine Antwort von Freund A und war sehr glücklich. Als nächstes können Sie Dinge tun, die auf dem Inhalt der Antwort basieren, z. B. ein Treffen (online) oder einen Termin vereinbaren ...
Das ist alles. Der vollständige Code ist unten.
HTML+JS-Seitencode
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>留言板_科科分享</title>
<!-- 2.新建css样式文件并根据效果图编写css代码 -->
<link rel="stylesheet" href="feedback.css">
<!-- 3.js表单验证 -->
<script type="text/javascript">
function checkform(){
var nickname = document.getElementsByTagName('input')[0].value; // 获取用户输入的姓名
var tel = document.getElementsByTagName('input')[1].value; // 获取用户输入的联系方式
var content = document.getElementsByTagName('textarea')[0].value; // 获取用户输入的留言内容
// 如果没有输入姓名 则提示
if(nickname == ''){
alert('请输入您的姓名');
document.getElementsByTagName('input')[0].focus(); // 将光标定位到姓名输入框
return false; // 阻止冒泡 输入姓名后才能通过
}
// 如果没有输入联系方式 则提示
if(tel == ''){
alert('请输入您的联系方式');
document.getElementsByTagName('input')[1].focus(); // 将光标定位到联系方式输入框
return false; // 阻止冒泡 输入联系方式才能通过
}
// 如果没有输入留言内容 则提示
if(content == ''){
alert('请输入您的联系方式');
document.getElementsByTagName('textarea')[0].focus(); // 将光标定位到留言内容输入框
return false; // 阻止冒泡 输入留言内容才能通过
}
// js已经拿到了用户提交的数据，那接下来就是AJAX（页面无刷新提交数据到服务器-异步通信）
// 异步请求 start
var ajax, url, inputdata;
// 创建 XMLHttpRequest 对象
if(window.XMLHttpRequest){
ajax = new XMLHttpRequest();
}else{
// 兼容Internet Explorer（IE5 和 IE6）使用 ActiveX 对象
ajax = new ActiveXObject("Microsoft.XMLHTTP");
}
url = 'ajax.php';
ajax.open('POST', url, true);
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded;"); // 用POST的时候一定要有这句
inputdata = 'nickname='+nickname+'&tel='+tel+'&content='+content;
ajax.send(inputdata);
// 接收服务器返回的数据
ajax.onreadystatechange = function(){
// 获取服务器响应状态码
if(ajax.readyState == 4 && ajax.status==200){
// 获取服务器返回的响应返回的数据
var retdata = ajax.responseText;
if(retdata == 1){
alert('留言信息已提交成功！感谢您的宝贵意见。');
}
}
}
// 异步请求 end
return false; // 这里是为了方式submit点击后表单自动提交
// document.feedback_form.submit(); // 提交用户数据到后端action中的地址
}
</script>
</head>
<body>
<!-- 工作区，呈现给用户看的 -->
<!-- 1.开始搭建脚手架 -->
<p class="container_box">
<p class="up">
<h3 class="title">留言板</h3>
<h5 class="subtitle">FEEDBACK</h5>
</p>
<p class="down">
<form name="feedback_form" action="/#" method="post" onsubmit="return false;">
<p class="input">
<input type="text" class="fl" name="name" placeholder="输入您的姓名" />
<input type="text" class="fr" name="tel" placeholder="输入您的联系方式" />
</p>
<textarea class="content" cols="30" rows="10" name="nr"></textarea>
<input type="submit" onclick="checkform()" value="提交您的留言" class="sub" />
</form>
</p>
</p>
</body>
</html>PHP-Code (ajax.php)
<?php
include 'config.php';
// POST接收用户提交的数据
$nickname = !empty($_POST['nickname'])? addslashes(strip_tags($_POST['nickname'])):''; // 留言人名称
$tel = !empty($_POST['tel'])?addslashes(strip_tags($_POST['tel'])):''; // 留言人的联系方式
$content = !empty($_POST['content'])?addslashes(strip_tags($_POST['content'])):''; // 留言内容
$time = time(); // 当前系统时间，即用户留言时间
// 插入mysql语句
$sql = "INSERT INTO feedback (name, contact, content, addtime) VALUES ('{$nickname}', '{$tel}', '{$content}', '{$time}')";
// 立即执行mysql语句
$result = mysqli_query($mysqli, $sql); // 返回一个资源标识符，通常是数字
$insert_id = mysqli_insert_id($mysqli); // 返回数据表的自增长ID，比如新用户注册返回用户ID
// echo $insert_id; // 当你在调试的时候，你会发现echo是很好的帮手。
if($insert_id > 0){
// 如果入库成功，这里可以处理其他想要的逻辑
echo 1;
exit; // 退出程序，使其不再往下执行代码
}
// 这是错误的时候返回0
echo 0;
exit;Denken Sie daran, zu üben! Willkommen beim Kritzeln im Kommentarbereich unten! ~
Das obige ist der detaillierte Inhalt vonAjax asynchrone Übermittlung für die PHP7-Messageboard-Entwicklung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1378
52
So installieren Sie die Mongo-Erweiterung in PHP7.0
Nov 21, 2022 am 10:25 AM
So installieren Sie die Mongo-Erweiterung in PHP7.0: 1. Erstellen Sie die Mongodb-Benutzergruppe und den Mongodb-Benutzer. 2. Laden Sie das Mongodb-Quellcodepaket herunter und platzieren Sie das Quellcodepaket im Verzeichnis „/usr/local/src/“. Geben Sie das Verzeichnis „src/“ ein. 4. Entpacken Sie das Quellcodepaket. 6. Kopieren Sie die Dateien in das Verzeichnis „mongodb/“.
So lösen Sie das Problem, wenn PHP7 erkennt, dass der TCP-Port nicht funktioniert
Mar 22, 2023 am 09:30 AM
In PHP5 können wir die Funktion fsockopen() verwenden, um den TCP-Port zu erkennen. Mit dieser Funktion können Sie eine Netzwerkverbindung herstellen und eine Netzwerkkommunikation durchführen. In PHP7 kann die Funktion fsockopen() jedoch auf einige Probleme stoßen, z. B. dass der Port nicht geöffnet werden kann, keine Verbindung zum Server hergestellt werden kann usw. Um dieses Problem zu lösen, können wir die Funktionen socket_create() und socket_connect() verwenden, um den TCP-Port zu erkennen.
Was soll ich tun, wenn das Plug-in in php7.0 installiert ist, aber immer noch angezeigt wird, dass es nicht installiert ist?
Apr 02, 2024 pm 07:39 PM
So beheben Sie das Problem, dass das Plugin in PHP 7.0 nicht installiert ist: Überprüfen Sie die Plugin-Konfiguration und aktivieren Sie das Plugin. Starten Sie PHP neu, um die Konfigurationsänderungen zu übernehmen. Überprüfen Sie die Berechtigungen der Plugin-Datei, um sicherzustellen, dass sie korrekt sind. Installieren Sie fehlende Abhängigkeiten, um sicherzustellen, dass das Plugin ordnungsgemäß funktioniert. Wenn alle anderen Schritte fehlschlagen, erstellen Sie PHP neu. Weitere mögliche Ursachen sind inkompatible Plugin-Versionen, das Laden der falschen Version oder PHP-Konfigurationsprobleme.
FAQ-Leitfaden zur PHP-Serverumgebung: Häufige Probleme schnell lösen
Apr 09, 2024 pm 01:33 PM
Zu den gängigen Lösungen für PHP-Serverumgebungen gehört die Sicherstellung, dass die richtige PHP-Version installiert ist und relevante Dateien in das Modulverzeichnis kopiert wurden. Deaktivieren Sie SELinux vorübergehend oder dauerhaft. Überprüfen und konfigurieren Sie PHP.ini, um sicherzustellen, dass die erforderlichen Erweiterungen hinzugefügt und korrekt eingerichtet wurden. Starten oder starten Sie den PHP-FPM-Dienst neu. Überprüfen Sie die DNS-Einstellungen auf Auflösungsprobleme.
So installieren und implementieren Sie PHP7.0
Nov 30, 2022 am 09:56 AM
So installieren und implementieren Sie PHP7.0: 1. Gehen Sie zur offiziellen PHP-Website, um die dem lokalen System entsprechende Installationsversion herunterzuladen. 2. Extrahieren Sie die heruntergeladene ZIP-Datei in das angegebene Verzeichnis. 3. Öffnen Sie das Befehlszeilenfenster und gehen Sie zu das Verzeichnis „E:\php7“ Führen Sie einfach den Befehl „php -v“ aus.
Wie setze ich nach dem Neustart des Systems automatisch Berechtigungen von Unixsocket fest?
Mar 31, 2025 pm 11:54 PM
So setzen Sie die Berechtigungen von Unixsocket automatisch nach dem Neustart des Systems. Jedes Mal, wenn das System neu startet, müssen wir den folgenden Befehl ausführen, um die Berechtigungen von Unixsocket: sudo ...
Warum tritt bei der Installation einer Erweiterung mit PECL in einer Docker -Umgebung ein Fehler auf? Wie löst ich es?
Apr 01, 2025 pm 03:06 PM
Ursachen und Lösungen für Fehler Bei der Verwendung von PECL zur Installation von Erweiterungen in der Docker -Umgebung, wenn die Docker -Umgebung verwendet wird, begegnen wir häufig auf einige Kopfschmerzen ...
Was ist besser, PHP8 oder PHP7?
Nov 16, 2023 pm 03:09 PM
Im Vergleich zu PHP7 bietet PHP8 einige Vorteile und Verbesserungen in Bezug auf Leistung, neue Funktionen und Syntaxverbesserungen, Typsystem, Fehlerbehandlung und Erweiterungen. Die Wahl der zu verwendenden Version hängt jedoch von Ihren spezifischen Anforderungen und Projektumständen ab. Detaillierte Einführung: 1. Leistungsverbesserung: PHP8 führt den Just-in-Time-Compiler (JIT) ein, der die Ausführungsgeschwindigkeit des Codes verbessern kann. 2. Neue Funktionen und Syntaxverbesserungen. PHP8 unterstützt die Deklaration benannter Parameter und optionaler Parameter. Durch die flexiblere Gestaltung von Funktionen werden anonyme Klassen, Typdeklarationen von Eigenschaften usw. eingeführt.
