ajax 验证用户名是否存在

最新推荐文章于 2023-05-07 16:04:19 发布

天魔雷帝

最新推荐文章于 2023-05-07 16:04:19 发布

阅读量2.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： PHP 文章标签： ajax xmlhttprequest function javascript php action

本文链接：https://blog.youkuaiyun.com/crown00000/article/details/7269982

PHP 专栏收录该内容

35 篇文章

订阅专栏

本文介绍了一种使用JavaScript AJAX技术与PHP后端进行交互的方法，实现前端输入用户名时，后端实时检查数据库中是否存在同名用户的功能。通过`for.php`文件接收前端传来的用户名参数，并根据不同情况返回相应信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

index.php //用于界面显示

<form action="" name="myform" method="post" enctype="text/plain">
username:
<input type="text" name="username" value="" onblur="funphp100('php')"/>
<div id="php200" style="height:14px;"></div>
</form>

for.php //用于接收参数并处理

<?php
  if($_GET[id]=='user')
  {
   echo '重名';
  }
  else
  {
   echo "dddddd";
  }
?>

ajax.js //ajax技术处理

var xmlHttp;
function xmlhttprequest(){
if(window.ActiveXObject){
  xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
}
else if(window.XMLHttpRequest)
{
  xmlHttp=new XMLHttpRequest();
}
}
function funphp100(username){
var name=document.myform.username.value;
xmlhttprequest();
xmlHttp.open("POST","for.php?id="+name,true);
xmlHttp.onreadystatechange=byphp;
xmlHttp.send(null);
}
function byphp(){
var byphp100=xmlHttp.responseText;
if(xmlHttp.readyState==4)
{
  if(xmlHttp.Status==200)
  {
   var byphp100=xmlHttp.responseText;
   document.getElementById('php200').innerHTML=byphp100;
  }
}