简单示例AJAX结合PHP代码实现登录效果代码


Posted in PHP onJuly 25, 2008

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";
}
?>

PHP 相关文章推荐
一个简洁的多级别论坛
Oct 09 PHP
php 魔术方法使用说明
Oct 20 PHP
PHP在字符断点处截断文字的实现代码
Apr 21 PHP
php中http_build_query 的一个问题
Mar 25 PHP
php一个找二层目录的小东东
Aug 02 PHP
Parse正式发布开源PHP SDK
Aug 11 PHP
php简单计算页面加载时间的方法
Jun 19 PHP
深入浅析php中sprintf与printf函数的用法及区别
Jan 08 PHP
PHP仿微信多图片预览上传实例代码
Sep 13 PHP
iOS+PHP注册登录系统 PHP部分(上)
Dec 26 PHP
彻底搞懂PHP 变量结构体
Oct 11 PHP
Laravel Validator自定义错误返回提示消息并在前端展示
May 09 PHP
PHP4中session登录页面的应用
Jul 25 #PHP
PHP 表单提交给自己
Jul 24 #PHP
PHP 得到根目录的 __FILE__ 常量
Jul 23 #PHP
jq的get传参数在utf-8中乱码问题的解决php版
Jul 23 #PHP
使用PHP socke 向指定页面提交数据
Jul 23 #PHP
php sprintf()函数让你的sql操作更安全
Jul 23 #PHP
PHP版自动生成文章摘要
Jul 23 #PHP
You might like
用PHP和ACCESS写聊天室(二)
2006/10/09 PHP
php对大文件进行读取操作的实现代码
2013/01/23 PHP
php按百分比生成缩略图的代码分享
2014/05/10 PHP
ThinkPHP中ajax使用实例教程
2014/08/22 PHP
js 完美图片新闻轮转效果,腾讯大粤网首页图片轮转改造而来
2011/11/21 Javascript
JQuery中关于jquery.js与jquery.min.js的比较探讨
2013/05/15 Javascript
iframe子页面获取父页面元素的方法
2013/11/05 Javascript
jQuery不兼容input的change事件问题解决过程
2014/12/05 Javascript
分享9点个人认为比较重要的javascript 编程技巧
2015/04/27 Javascript
jQuery基于扩展实现的倒计时效果
2016/05/14 Javascript
JavaScript必知必会(十) call apply bind的用法说明
2016/06/08 Javascript
微信小程序(三):网络请求
2017/01/13 Javascript
几行js代码实现自适应
2017/02/24 Javascript
jquery 手势密码插件
2017/03/17 Javascript
ES6(ECMAScript 6)新特性之模板字符串用法分析
2017/04/01 Javascript
vue.js的手脚架vue-cli项目搭建的步骤
2017/08/30 Javascript
nodejs实现解析xml字符串为对象的方法示例
2018/03/14 NodeJs
微信小程序利用canvas 绘制幸运大转盘功能
2018/07/06 Javascript
jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())
2018/10/10 jQuery
JS使用cookie保存用户登录信息操作示例
2019/05/30 Javascript
js中值引用和地址引用实例分析
2019/06/21 Javascript
完美解决vue 中多个echarts图表自适应的问题
2020/07/19 Javascript
Python实现邮件的批量发送的示例代码
2018/01/23 Python
python 实现UTC时间加减的方法
2018/12/31 Python
Numpy之reshape()使用详解
2019/12/26 Python
Python Django中的STATIC_URL 设置和使用方式
2020/03/27 Python
web页面录屏实现
2019/02/12 HTML / CSS
清除canvas画布内容(点擦除+线擦除)
2020/08/12 HTML / CSS
美国珠宝店:Helzberg Diamonds
2018/10/24 全球购物
大学生的应聘自我评价
2013/12/13 职场文书
汽车销售顾问求职自荐信
2014/01/01 职场文书
学期研究性学习个人的自我评价
2014/01/09 职场文书
元旦联欢会感言
2014/03/04 职场文书
优秀党员推荐材料
2014/12/18 职场文书
幼儿园大班开学寄语(2016秋季)
2015/12/03 职场文书
Vue OpenLayer 为地图绘制风场效果
2022/04/24 Vue.js