El método asincrónico es no actualizar toda la página al hacer clic para enviar datos, sino lograr una actualización asincrónica de la página con la ayuda de etiquetas de iframe. Por supuesto, también podemos enviar datos al servidor cuando hacemos clic en enviar, y usar el iframe para lograr una actualización asincrónica.
[Página Js] Asigne el valor en el cuadro de entrada al atributo src del iframe para lograr asíncrono.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>【js】iframe异步通信</title>
</head>
<body>
<h1>发布聊天内容</h1>
<iframe id="fr1" style="height: 100px;"></iframe><br />
姓名：<input type="text" id="username" name="username" /><br />
内容：<textarea id="content" name="content" style="height: 50px;width: 300px;"></textarea><br />
<input type="button" value="发送" onclick="sendMessage()" />
<script type="text/javascript">
function sendMessage(){
//获取两个输入框的值
var name=document.getElementById("username").value;
var con=document.getElementById("content").value;
//拼接URL地址
var urlStrl="01.php?username="+name+"&content="+con;
//把urlStrl值赋给iframe的src属性
document.getElementById("fr1").src=urlStrl;
}
</script>
</body>
</html>
[Página Php] La función principal es generar el contenido de entrada
<?php
$name=$_GET['username'];
$con=$_GET['content'];
echo "姓名=".$name."<br>"."内容：<br>".$con;
?>
