搜尋
首頁後端開發php教程急PHP+Ajax实现用户登录验证问题求解?

表单里用户名和密码两个属性,单击按钮触发AJAX函数,这个AJAX函数提取表单中“用户名”和“密码”的值发送到后台程序验证,php写的后台程序,php程序分别对“用户名”和“密码”进行验证,用户名出错给出提示,传回给ajax,显示到

中,同理密码出错,显示到
中,现在用户名和密码能够正确传到PHP程序中,做出正确验证,但是xmlHttp.responseText,如何能实现上面的效果呀?急!!!


回复讨论(解决方案)

贴出你的代码!

你需要在回调函数中有条件的对不同的目标赋值,那就要回传有控制信息

// JavaScript Documentvar xmlHttp;function S_xmlhttprequest(){	if(window.ActivXObject){				xmlHttp=new ActiveXObject('Mcrosoft.XMLHTTP');		}else if(window.XMLHttpRequest){			xmlHttp=new XMLHttpRequest;		}	}function php100(){	S_xmlhttprequest();	user=document.myform.user.value;	pwd=document.myform.pwd.value;   var postStr = 'user='+ user+'&pwd='+pwd;	xmlHttp.open('POST','login3.php',true);	 //定义传输的文件HTTP头信息 	xmlHttp.onreadystatechange=byphp;	xmlHttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');	 //发送POST数据	 xmlHttp.send(postStr);	}function byphp(){	var byphp100=xmlHttp.responseText;	document.getElementById('userInfo').innerHTML=byphp100;	}// JavaScript Document// JavaScript Document
form name="myform" method="post" action=""> 用户名:<input type="text"  name="user" value=""  size=10;/>   <br> 密 码:<input type="password" name="pwd" value="" size=10;/>   <br> <input type="button"  name="button" value="登陆"  onclick="php100();"/> </form><div id="userInfo"></div><div id="passInfo"></div>
<?php $username=$_POST['user']; //获取用户编号 $password=$_POST['pwd']; //获取密码编号 if($username=='09430102'){	  echo "用户名正确";	 }else{		     echo "用户名不正确";		 } if($password=='my0917'){	 echo "密码正确";	 }else{		     echo "密码错误";		 }?>

“用户名”验证返回的信息显示到userinfo那个div中,密码显示到passinfo那个div中;代码应该怎么改?希望详细些,新手谢谢了!

你没有回传啊

var byphp100=xmlHttp.responseText; 
 document.getElementById('userInfo').innerHTML=byphp100;这不是回传处理了吗?

function byphp(){  var byphp100=xmlHttp.responseText;  if(/用户/.test(byphp100))    document.getElementById('userInfo').innerHTML=byphp100;  else    document.getElementById('passInfo').innerHTML=byphp100;}

 index.html

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



无标题文档

<script></script>



 密码 







ajax.js
var http_request;
function send_request(url,method) {
  http_request = false;
  if(window.XMLHttpRequest) { 
  http_request = new XMLHttpRequest();
  if (http_request.overrideMimeType) {
   http_request.overrideMimeType('text/xml');
  }
  }
  else if (window.ActiveXObject) { 
  try {
   http_request = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
   try {
   http_request = new ActiveXObject("Microsoft.XMLHTTP");
   } catch (e) {}
  }
  }
  if (!http_request) {
  window.alert("不能创建XMLHttpRequest对象实例.");
  return false;
  }
  switch(method){
  case 1:http_request.onreadystatechange = chk;break;
    }
  http_request.open("GET", url, true);
  http_request.send(null);
}

function check(){
send_request("check.php?action="+document.getElementById('pw').value,1);


function chk() {
if (http_request.readyState == 4) { 
 if (http_request.status == 200) {
 document.getElementById("user").innerHTML="";
document.getElementById("user").value=http_request.responseText;
    } else {
     alert("您所请求的页面异常。");
    }
   }else {
 document.getElementById("user").innerHTML="正在读取数据中……";
 }
}


check.php


if(存在){
echo"正确";
}else{
echo "不正确";
}
?>

check.php中判断下$_POST['username']和$_POST['pw']

function byphp(){  var byphp100=xmlHttp.responseText;  if(/用户/.test(byphp100))    document.getElementById('userInfo').innerHTML=byphp100;  else    document.getElementById('passInfo').innerHTML=byphp100;}

代码运行,咋还是不能将“用户名”和“密码”验证返回信息显示到不同的div中?回传控制信息怎么写?谢谢!--新手!

传json吧

留名!   用jquery不是更好吗

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
在Laravel中使用Flash會話數據在Laravel中使用Flash會話數據Mar 12, 2025 pm 05:08 PM

Laravel使用其直觀的閃存方法簡化了處理臨時會話數據。這非常適合在您的應用程序中顯示簡短的消息,警報或通知。 默認情況下,數據僅針對後續請求: $請求 -

PHP記錄:PHP日誌分析的最佳實踐PHP記錄:PHP日誌分析的最佳實踐Mar 10, 2025 pm 02:32 PM

PHP日誌記錄對於監視和調試Web應用程序以及捕獲關鍵事件,錯誤和運行時行為至關重要。它為系統性能提供了寶貴的見解,有助於識別問題並支持更快的故障排除

php中的捲曲:如何在REST API中使用PHP捲曲擴展php中的捲曲:如何在REST API中使用PHP捲曲擴展Mar 14, 2025 am 11:42 AM

PHP客戶端URL(curl)擴展是開發人員的強大工具,可以與遠程服務器和REST API無縫交互。通過利用Libcurl(備受尊敬的多協議文件傳輸庫),PHP curl促進了有效的執行

簡化的HTTP響應在Laravel測試中模擬了簡化的HTTP響應在Laravel測試中模擬了Mar 12, 2025 pm 05:09 PM

Laravel 提供简洁的 HTTP 响应模拟语法,简化了 HTTP 交互测试。这种方法显著减少了代码冗余,同时使您的测试模拟更直观。 基本实现提供了多种响应类型快捷方式: use Illuminate\Support\Facades\Http; Http::fake([ 'google.com' => 'Hello World', 'github.com' => ['foo' => 'bar'], 'forge.laravel.com' =>

在Codecanyon上的12個最佳PHP聊天腳本在Codecanyon上的12個最佳PHP聊天腳本Mar 13, 2025 pm 12:08 PM

您是否想為客戶最緊迫的問題提供實時的即時解決方案? 實時聊天使您可以與客戶進行實時對話,並立即解決他們的問題。它允許您為您的自定義提供更快的服務

解釋PHP中晚期靜態結合的概念。解釋PHP中晚期靜態結合的概念。Mar 21, 2025 pm 01:33 PM

文章討論了PHP 5.3中介紹的PHP中的晚期靜態結合(LSB),允許靜態方法的運行時間分辨率調用以更靈活的繼承。 LSB的實用應用和潛在的觸摸

自定義/擴展框架:如何添加自定義功能。自定義/擴展框架:如何添加自定義功能。Mar 28, 2025 pm 05:12 PM

本文討論了將自定義功能添加到框架上,專注於理解體系結構,識別擴展點以及集成和調試的最佳實踐。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),