`
yeyuan
  • 浏览: 231447 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

JQuery ajax 登陆

阅读更多
<form action="test.php" name="login"  method="post">
用户名:<input type="text" name="username" id="username" />
密码:<input type="text" name="passwork" id="passwork" />
<input type="button" value="登录" id="login" />
</form>
<div id="result"></div>


$(function (){
    $('#login').click(function (){
         var dataString ='username='+$('#username').val()+'&password='+$('#password').val(); 
         $.ajax({
             url:'test.php',
             type:'post',
             data:dataString,
             success:function(data){
                if(data == '1'){
                    $('#result').html('登陆成功');
                }
                else if(data == '0'){
                    $('#result').html('登录失败');
                }
                else{
                   $('#result').html(data);
                }
             }
         });
    });
});


<?php 
mysql_connect('localhost','root','');
mysql_select_db('news');
mysql_query('set names utf8');
$u = $_POST['username'];
$p = $_POST['passwork'];
if($u == '' || $p == ''){
    echo "不能为空";
    exit;
}
$sql = "select * from tuser ";
$result = mysql_query($sql);
$num = mysql_num_rows($result);
/*
$sql ="insert into tuser value(null,'$u','$p')";
$result = mysql_query($sql);
$num = mysql_insert_id();  //插入数据
*/
if($num >0){
   echo "1";
}
else{
   echo '0';
}
?>


从上面可以看出来可以把验证写在后台的php文件里进行验证,也可以在前台通过js进行验证。
分享到:
评论

相关推荐

    php Jquery ajax 登陆

    在这里,jQuery将用于发起AJAX请求,并处理服务器的响应。 3. **AJAX(Asynchronous JavaScript and XML)**:尽管名称包含XML,但现代AJAX通常涉及JSON格式的数据交换。它允许我们在不刷新整个页面的情况下与...

    jQuery Ajax 登陆和注册页面

    **一、jQuery与Ajax基础** jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理和AJAX交互。Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下与服务器进行数据交互,提高页面...

    ajax与jquery实现的简单验证实例

    在Web开发中,Ajax(Asynchronous JavaScript and XML)和jQuery是两种常见的技术,用于创建动态、交互式的用户界面。这个“ajax与jquery实现的简单验证实例”着重于如何利用这两种技术进行前端数据验证,提高用户...

    jQuery-ajax-用户名异步请求

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互。本主题聚焦于jQuery中的Ajax功能,特别是如何利用它进行异步用户名验证。Ajax,即Asynchronous JavaScript and ...

    Mvc使用JqueryAjaxJson登陆源码20100710

    Mvc使用JqueryAjaxJson登陆源码 功能介绍: 在MVC中使用 JqueryAjaxJson登陆,功能比较简单,对初学者很有帮助。 注意: 点击Open Dialog打开登录对话框

    Jquery+ajax+php+mysql数据库实现用户注册登录

    7. **login.js**:这是项目的前端JavaScript文件,其中包含了处理用户登录的逻辑,比如监听登录按钮的点击事件,使用Jquery的Ajax方法向服务器发送登录请求。 8. **login.php**:这是处理用户登录请求的PHP脚本,它...

    jquery 实现ajax用户登陆 php

    jQuery的$.ajax()函数是实现Ajax请求的基础,它的基本用法如下: ```javascript $.ajax({ url: 'login.php', // 后端处理登录的PHP文件 type: 'POST', // 使用POST方式提交数据 data: {username: 'testUser', ...

    jquery,ajax,ssh实现登陆注册以及动态验证

    本主题将深入探讨如何利用jQuery、AJAX以及SSH框架来实现这一目标。以下是相关知识点的详细说明: 1. jQuery:jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互。在登录注册系统...

    Jquery+Ajax实现的前台登陆验证(

    在本文中,我们将深入探讨如何使用Jquery和Ajax技术实现前端登录验证,并通过Servlet与DBUtils库进行数据库交互。这是一套适用于初学者的学习案例,旨在帮助他们掌握这些核心技术。 首先,`Jquery`是一个流行的...

    jquery ajax 异步验证

    ### jQuery AJAX 异步验证详解 #### 一、AJAX概念与原理 ##### 1.1 定义与历史背景 - **定义**: AJAX(Asynchronous JavaScript and XML)是一种使用JavaScript进行异步通信的技术,它使得网页可以在不重新加载...

    struts2+spring+ibatis+jquery ajax的登陆注册实时验证

    Struts2、Spring、iBatis和jQuery AJAX是Java Web开发中的四大核心技术,它们共同构建了一个功能强大的MVC(模型-视图-控制器)架构。本文将深入探讨这些技术在登录注册系统中的应用。 首先,Struts2是Apache基金会...

    php+ajax+jquery打造登陆验证

    这篇教程“php+ajax+jquery打造登陆验证”旨在教你如何利用这些技术实现无刷新的登录验证,提升用户体验。以下是对这些技术及其在登录验证中的应用进行的详细解释。 首先,PHP(Hypertext Preprocessor)是一种...

    JQuery+AJAX实现用户名验证

    在IT行业中,前端开发是构建动态网页应用的关键环节,而jQuery和AJAX是其中不可或缺的工具。本篇文章将深入探讨如何使用jQuery与AJAX技术来实现一个简单的用户名验证功能,以此来确保用户输入的用户名的独特性。这个...

    jQuery+Ajax+PHP+mysql实现无刷新注册/登陆(用户名邮箱验证码等)

    在现代Web开发中,用户界面的交互性和用户体验是至关重要的,而"jQuery+Ajax+PHP+mysql实现无刷新注册/登陆(用户名邮箱验证码等)"就是一种常见的技术组合,用于创建这种流畅的用户体验。下面将详细阐述这个技术栈...

    使用 jQuery Ajax 异步登录,并验证用户输入信息(maven)

    使用 jQuery Ajax 异步登录,并验证用户输入信息(maven),图文教程地址:https://blog.csdn.net/qq_40147863/article/details/85999375

    Jquery+Ajax实现用户注册与登入(Asp.Net版)

    首先,我们需要理解Jquery和Ajax的基本概念,然后逐步介绍它们在Asp.Net中的应用。 Jquery是一个高效、简洁且功能丰富的JavaScript库,它极大地简化了JavaScript编程,特别是DOM操作、事件处理和AJAX交互。Ajax...

    简单的ajax/jquery/php/sql 网站用户登陆小实例

    在这个“简单的ajax/jquery/php/sql网站用户登录小实例”中,我们将会探讨如何使用这些技术来构建一个实时验证的用户登录系统。这个实例包含了前端和后端的交互,以及数据库操作,是初学者学习Web开发中AJAX、jQuery...

    使用jQuery封装的ajax实现登陆时用户名已存在的提示,注意没有连接数据库去做判断,重点只是实现无刷新的数据交换

    在jQuery中,AJAX功能被封装在`$.ajax()`函数里,使得使用更加方便。以下是一个基本的示例,展示了如何使用jQuery AJAX来检查用户名: ```javascript // 捕获用户名输入的事件 $("#username").on("input", function...

    java ajax登陆包含spring,jquery

    综上所述,"java ajax登陆"涉及到了Java后端处理、Spring MVC接口设计、AJAX技术以及jQuery库的使用,它们共同实现了无刷新的用户登录体验。理解和掌握这些技术对于开发高效、用户体验良好的Web应用至关重要。

Global site tag (gtag.js) - Google Analytics