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

最新推荐文章于 2024-08-07 23:30:48 发布
最新推荐文章于 2024-08-07 23:30:48 发布
阅读量656 收藏
点赞数
文章标签： ajax php xmlhttprequest login function mozilla
页面1: login.html

<html>
<head>
<script language="javascript">
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);
}
</script>

</head>


<body>
<Center>

<form name="f1" onSubmit="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" onClick="call_login()"></td>
    </tr>
</table>
</form>

</center>
</body>
</html>


页面2: login.php

<?
$username=$_GET["username"];
$password=$_GET["password"];
if($username=="admin" && $password=="admin"){
    echo "yes";
}else{
    echo "No";
}
?>

 
lx1988cyk
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于ajax+php+mysql数据库实现用户注册登录
12-15
一款利用php与mysql数据库实现的用户注册与登录代码,ajax无刷新验证，php用户注册储存数据库，登陆验证提交。
JqueryAjax+php实现简单的注册登录
Only_ruiwen的博客
01-18 1457
HTML结构 用户名 密码 登录 注册 前台JS$("#login").click(function(){ var sendData = {"username":$("#username").val(),"password":$("#password
AJAX结合PHP代码实现登录
管子（zero）的杂乱空间
01-02 1167
<!--google_ad_client = "pub-4490194096475053";/* 内容页,300x250,第一屏 */google_ad_slot = "3685991503";google_ad_width = 300;google_ad_height = 250;// -->html> head> scrīpt languag
php和ajax结合实现登录
phphot
01-18 2239
啊哈，终于用PHP实现了登录和注册拉，但是问题又来了，要求用ajax和php结合实现登录注册油烟机清洗php登录源码：下面是chklogin.php页面代码：session_start();$connect=mysql_connect("127.0.0.1","root","123");if(!$connect){die(Could not connect: . mysql_error())
ajax.php act=query,ajax.php
weixin_42550052的博客
08-05 604
include("./includes/common.php");$act=isset($_GET['act'])?daddslashes($_GET['act']):null;@header('Content-Type: application/json; charset=UTF-8');if($islogin2==1){$price_obj = new Price($userrow['zid'...
简单示例AJAX结合PHP代码实现登录效果代码
10-30
比较简单的通过ajax+php实现登陆功能，这是个简单的例子，固定字符，实际应用中可以从数据库中读取
示例：wbruno编写的代码片段
02-05
5. **AjaxJavaScript**：这是一个标签，可能表示wbruno的代码片段集中了使用JavaScript进行AJAX调用的相关示例，结合了前面提到的AJAX技术和JavaScript，可能包括创建和发送XMLHttpRequest请求，以及处理返回的数据...
ThinkPHP结合ajax、Mysql实现的客户端通信功能代码示例
12-18
该实例通过ThinkPHP结合Ajax与mysql实现了客户端的通信功能，具体如下： 1、使用js的ajax局部刷新功能，每次刷新将数据库中读取出的新记录插入到页面的显示区域，代码如下： [removed] =setInterval(showWords1000)...
PHP实现简单ajax Loading加载功能示例
12-18
在本文中，我们将探讨如何使用PHP和Ajax实现一个简单的加载（Loading）功能。Ajax，即Asynchronous JavaScript and XML，允许我们在不刷新整个网页的...结合PHP和Ajax，我们可以构建出更加动态和交互式的Web应用程序。
PHP中的滚动加载数据,php+ajax实现拖动滚动条分批加载请求加载数据
weixin_36397256的博客
03-18 182
无标题文档img{border:0;}varPageNo= 1;varPageSize= 50;$(document).ready(function(){$.get("ajax.php",function(data){$("#mypage").html(data);})})iIntervalId=setInterval("test();",2000);functionshow(){PageNo++...
PHP如何通过AJAX方式实现登录功能
12-18
本文实例讲述了Ajax+PHP+MySQL登陆示例。分享给大家供大家参考。具体如下： 运行效果截图如下： 具体代码如下： 1 login.php 登录界面中,javascript脚本用ajax方式异步请求dologin.php,dologin.php负责用户信息验证(包括验证码,php生成验证码可以自行搜索).登录界面的代码如下: <?php session_start();?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr
PHP使用ajax实现用户注册登录
05-02
使用了ajax实现的用户注册登录系统，内含数据库文件，可直接导入
php ajax登陆界面,PHP如何通过AJAX方式实现登录功能
weixin_42439576的博客
03-10 312
PHP是一门很好的语言,可以很方便的开发web应用程序，下面介绍一下Ajax+PHP+MySQL登陆示例，感兴趣的小伙伴们可以参考一下具体代码如下：1 login.php登录界面中,javascript脚本用ajax方式异步请求dologin.php,dologin.php负责用户信息验证(包括验证码,php生成验证码可以自行搜索).登录界面的代码如下:loginAjax PHP Demo Sys...
PHP+Ajax实现简单的表单验证
warriorblazer36的博客
10-30 2425
先来一波概念！！！ AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 一般的介绍看这里http://www.runoob.com/php/php-ajax-intro.html 慢慢看下面的都是好东西！！！ Ajax入门级别的表单验证：比如输入用户名，重复的话会自动弹出不可用的标识。 可以知道基本的步骤就是下图   1、创建一个对象XMLHttpReque...
ajax+php POST方法发送数据（解决后端中文乱码问题）
javaStudentZhang的博客
03-28 5325
    前端Ajax调用接口，后端接收数据保存数据库。注意contentType一定这样设置。 if(isSuccess){ var token = sessionStorage.token; $.ajax({ type:'post', ...
PHP+AJAX实现账号注册和登陆，附可用demo
weixin_34062329的博客
02-02 2821
前言 登陆和注册已经是网站的标配了，所以这是我们web开发学习过程中必学的了。其实很容易实现，只需要懂数据库的增删改查，还有if_else的条件语句即可做出来。 目录 css --Login-Reg.css server --LoginUser.php --RegUser.php --Login...
ajax前后端数据交互(简单的登录demo)
热门推荐
pirate_zhangfan的博客
09-05 2万+
前端： html： js(ajax)： js(记住密码)： 后端： Apiresponse: UserController: 登陆验证： 设置cookie: 从cookie获取用户名密码并向前端传参： 配置session拦截器： ...
ajax漏洞 sql注入,易想团购ajax.php SQL注入分析和Exp漏洞预警 -电脑资料
weixin_29696999的博客
08-06 469
在注册的时候，输入用户名后台会验证用户名是否存在，当然是通过ajax去验证的也就是ajax.php，* 验证会员数据 */ function check_user($field_name,$field_data) { //开始数据验证 $user_data[$field_name] = $field_data; $res = array('status'=>1,'info'=>'',...
spark--练习1
最新发布
很开心你能来~
08-07 350
sparksql练习
PHP与Ajax入门：登录验证与Xajax实战
2. **PHP与Ajax结合**：学习者将学习如何使用PHP编写与Ajax交互的程序，这意味着他们将掌握前后端数据传递和处理的基本方法，包括如何在PHP服务器端处理Ajax请求并返回响应。 3. **Xajax介绍**：Xajax是专为简化...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值