简单示例AJAX结合PHP代码实现登录效果代码
2023-06-13 09:14:01 时间
HTML部分:
<html>
<head>
<scrīpt language="javascrīpt">
function postRequest(strURL){
var xmlHttp;
if(window.XMLHttpRequest){ // For Mozilla, Safari, ...
var xmlHttp = new XMLHttpRequest();
}
else if(window.ActiveXObject){ // For Internet Explorer
var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlHttp.open("POST", strURL, true);
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlHttp.onreadystatechange = function(){
if (xmlHttp.readyState == 4){
updatepage(xmlHttp.responseText);
}
}
xmlHttp.send(strURL);
}
function updatepage(str){
if(str=="yes"){
alert("Welcome User");
}else{
alert("Invalid Login! Please try again!");
}
}
function call_login(){
var username = window.document.f1.username.value;
var password = window.document.f1.password.value;
var url = "login.php?username=" + username + "&password=" +password ;
postRequest(url);
}
</scrīpt>
</head>
<body>
<Center>
<form name="f1" ōnSubmit="return call_login();">
<table border="0" bgcolor="#CCCCCC" cellspacing="1" cellpadding="3" width="316">
<tr>
<td align="left" colspan="2"><b><font size="5" color="#000080">Login</font></b></td>
</tr>
<tr>
<td align="right" width="124"><b><font color="#000080">User
Name:</font></b></td>
<td width="177"><input type="text" name="username" id="user" size="20" value="" /></td>
</tr>
<tr>
<td align="right" width="124"><b><font color="#000080">Password:</font></b></td>
<td width="177"><input type="password" name="password" size="20" value="" /></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="button" name="a1" value="Login"
ōnClick="call_login()"></td>
</tr>
</table>
</form>
</center>
</body>
</html>
PHP脚本部分login.php:
<?
$username=$_GET["username"];
$password=$_GET["password"];
if($username=="admin" && $password=="admin"){
echo "yes";
}else{
echo "No";
}
?>
<html>
<head>
<scrīpt language="javascrīpt">
function postRequest(strURL){
var xmlHttp;
if(window.XMLHttpRequest){ // For Mozilla, Safari, ...
var xmlHttp = new XMLHttpRequest();
}
else if(window.ActiveXObject){ // For Internet Explorer
var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlHttp.open("POST", strURL, true);
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlHttp.onreadystatechange = function(){
if (xmlHttp.readyState == 4){
updatepage(xmlHttp.responseText);
}
}
xmlHttp.send(strURL);
}
function updatepage(str){
if(str=="yes"){
alert("Welcome User");
}else{
alert("Invalid Login! Please try again!");
}
}
function call_login(){
var username = window.document.f1.username.value;
var password = window.document.f1.password.value;
var url = "login.php?username=" + username + "&password=" +password ;
postRequest(url);
}
</scrīpt>
</head>
<body>
<Center>
<form name="f1" ōnSubmit="return call_login();">
<table border="0" bgcolor="#CCCCCC" cellspacing="1" cellpadding="3" width="316">
<tr>
<td align="left" colspan="2"><b><font size="5" color="#000080">Login</font></b></td>
</tr>
<tr>
<td align="right" width="124"><b><font color="#000080">User
Name:</font></b></td>
<td width="177"><input type="text" name="username" id="user" size="20" value="" /></td>
</tr>
<tr>
<td align="right" width="124"><b><font color="#000080">Password:</font></b></td>
<td width="177"><input type="password" name="password" size="20" value="" /></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="button" name="a1" value="Login"
ōnClick="call_login()"></td>
</tr>
</table>
</form>
</center>
</body>
</html>
PHP脚本部分login.php:
<?
$username=$_GET["username"];
$password=$_GET["password"];
if($username=="admin" && $password=="admin"){
echo "yes";
}else{
echo "No";
}
?>
相关文章
- php getrealpath,PHP SplFileInfo getRealPath()用法及代码示例「建议收藏」
- apache+php环境搭建教程_怎么搭建Php
- 搭建 PHP 环境,在 Linux 系统里更轻松!(php环境linux)
- 实现Linux版PHP动态编译——一案子的艰辛实践(php编译linux)
- 初探Linux中的PHP文件之旅(linux创建php文件)
- 开发使用PHP进行Redis项目开发(redis项目php)
- Linux环境下,如何高效、简单地编写PHP代码(linux下写php)
- PHP MySQL:灵活优化队列管理(phpmysql队列)
- MongoDB整合PHP:快速配置你的开发环境(mongodb配置php)
- PHP访问MSSQL的挣扎:无可奈何.(找不到php mssql)
- 使用PHP编辑器轻松编写Linux平台代码(php编辑器linux)
- 解决PHP输出MSSQL数据中文乱码问题(php输出MSSQL乱码)
- 原生PHP灵活使用Redis编写高效代码(原生php使用redis)
- 以Redis为中心 轻松实现PHP消息订阅(redis消息订阅php)
- 利用PHP和AJAX创建RSS聚合器的代码
- php查看session内容的函数
- ajax+php谷歌搜索框自动填充功能实例代码
- ajax+php打造进度条代码[readyState各状态说明]
- 让的PHP代码飞起来的40条小技巧(提升php效率)
- PHP和Mysqlweb应用开发核心技术第1部分Php基础-1开始了解php
- php入门学习知识点二PHP简单的分页过程与原理
- php和数据库结合的一个简单的web实例代码分析(php初学者)
- 第二章PHP入门基础之php代码写法
- PHP利用AJAX获取网页并输出的实现代码(Zjmainstay)
- Ajax异步传输与PHP实现交互示例
- Windows下编译安装php扩展eAccelerator教程