精华内容
下载资源
问答
  • 主要介绍了php+ajax登录跳转登录实现思路,非常的简单,有需要的小伙伴可以参考下
  • Ajax post请求跳转页面

    2020-10-20 17:44:14
    主要介绍了Ajax post请求跳转页面的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
  • 主要介绍了Ajax Session失效跳转登录页面的方法,非常不错具有参考借鉴价值,感兴趣的朋友一起看下吧
  • 主要介绍了ajax跳转到新的jsp页面的方法,在不刷新整个页面的情况下更新页面的局部信息,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 关于ajax成功跳转到新页面

    千次阅读 2019-11-02 10:42:00
    一般我们都是在本页面跳转,直接window.location.href = yourJumpUrl; 但是要跳转到新页面的话,需要这么做: var newWin = window.open(’_blank’); $.ajax( … . . … ., success:function (data) { /*假设...

    一般我们都是在本页面中跳转,直接window.location.href = yourJumpUrl;
    但是要跳转到新页面的话,需要这么做:
    var newWin = window.open(’_blank’);
    $.ajax( … . . … .,

    success:function (data) {
    
            /*假设data.url是要跳转的地址*/
    

    newWin.location.href = data.url;

           /*这里注意声明新窗口是在ajax外部而非success回调内部*/
    
    }
    

    );

    展开全文
  • 我按照教程做了一个登陆页面,用ajax提交表单的数据,并且登陆成功跳转到首页。而且每次点登陆session是有了数据,它就是不跳转到指定的页面。目前就只有一次点击登陆后跳转页面。是不是我的代码有错误? 1. !...
  • 运用Ajax实现登陆并且跳转页面

    千次阅读 2019-10-25 13:33:52
    这是登录成功后才跳转到的页面!</h1> Ajax(url)的调用 import java.io.IOException ; import java.io.PrintWriter ; import javax.servlet.ServletException ; import javax.servlet....

    在这里插入图片描述

    css样式

    <style>
    		html{   
    		    width: 100%;   
    		    height: 100%;   
    		    overflow: hidden;   
    		    font-style: sans-serif;   
    		}   
    		body{   
    		    width: 100%;   
    		    height: 100%;   
    		    font-family: 'Open Sans',sans-serif;   
    		    margin: 0;   
    		    background-color: #f00;   
    		}   
    		#login{   
    		    position: absolute;   
    		    top: 50%;   
    		    left:50%;   
    		    margin: -150px 0 0 -150px;   
    		    width: 300px;   
    		    height: 300px;   
    		}   
    		#login h1{   
    		    color: #00f;   
    		    text-shadow:0 0 10px;   
    		    letter-spacing: 1px;   
    		    text-align: center;   
    		}   
    		h1{   
    		    font-size: 2em;   
    		    margin: 0.67em 0;   
    		}   
    		input{   
    		    width: 278px;   
    		    height: 18px;   
    		    margin-bottom: 10px;   
    		    outline: none;   
    		    padding: 10px;   
    		    font-size: 13px;   
    		    color: #fff;   
    		    text-shadow:1px 1px 1px;   
    		    border-top: 1px solid #312E3D;   
    		    border-left: 1px solid #312E3D;   
    		    border-right: 1px solid #312E3D;   
    		    border-bottom: 1px solid #56536A;   
    		    border-radius: 4px;   
    		    background-color: #2D2D3F;   
    		}   
    		.but{   
    		    width: 300px;   
    		    min-height: 20px;   
    		    display: block;   
    		    background-color: #4a77d4;   
    		    border: 1px solid #3762bc;   
    		    color: #00f;   
    		    padding: 9px 14px;   
    		    font-size: 15px;   
    		    line-height: normal;   
    		    border-radius: 5px;   
    		    margin: 0;   
    		}  
    	</style>
    

    设置两个输入框和一个button登录按钮

    <form method="post">  
                <input type="text" required="required" placeholder="用户名" name="name" id="name" οnblur="check_name()"></input><span id="nameReg"></span>  
                <input type="password" required="required" placeholder="密码" name="pwd" id="pwd" οnblur="check_pwd()"></input><span id="pwdReg"></span>
                <button class="but" type="submit">登录</button>  
            </form>  
    

    js(正则表达式)+jquery判断登陆是否成功

    <script type="text/javascript">
        	//js
        	function check_name() {
    	      console.log(1);
    	      var code = document.getElementById("name").value;//这是获取账号登陆的ID
    	      var span = document.getElementById("nameReg");
    	      var reg = /^([a-zA-Z0-9][a-zA-Z]{1}|[._]){4,19}$/;
    	      if(reg.test(code)) {
    	        span.innerText = "验证通过";
    	        span.style.color = "green";
    	      } else {
    	        span.innerText = "验证不通过";
    	        span.style.color = "red";
    	      }
    	   }
        function check_pwd(){
           console.log(2);
           var code2 = document.getElementById("pwd").value;
           var span2 = document.getElementById("pwdReg");
           var reg2 = /^(\w){6,20}$/;
           if(reg2.test(code2)) {
    	        span2.innerText = "验证通过";
    	        span2.style.color = "green";
    	      } else {
    	        span2.innerText = "验证不通过";
    	        span2.style.color = "red";
           } 
        }	
        $(function(){
        	$(":button").on("click",function(){
        		$.ajax({
        			url:"test",
        			type:"post",
        			data:{
        				name:$("#name").val(),
        				pwd:$("#pwd").val()
        			},
        			dataType:"text",
        			success:function(data){
        				if(data == "ok"){
        					window.location.href = "test.jsp";
        				}else{
        					alert("用户名或密码输入错误,请重新输入!");
        				}
        			}
        		});
        	});
        });
        </script> 
    

    登陆成功后的jsp页面

    <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <base href="<%=basePath%>">
        
        <title>My JSP 'index.jsp' starting page</title>
        
    	<meta http-equiv="pragma" content="no-cache">
    	<meta http-equiv="cache-control" content="no-cache">
    	<meta http-equiv="expires" content="0">    
    	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    	<meta http-equiv="description" content="This is my page">
    	<!--
    	<link rel="stylesheet" type="text/css" href="styles.css">
    	-->
    
      </head>
      
      <body>
       <h1>这是登录成功后才跳转到的页面!</h1> <br>
      </body>
    </html>
    
    

    Ajax(url)的调用

    import java.io.IOException;
    import java.io.PrintWriter;
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    public class AjaxServlet extends HttpServlet {
    	public void doGet(HttpServletRequest request, HttpServletResponse response)
    			throws ServletException, IOException {
    		doPost(request, response);
    	}
    	public void doPost(HttpServletRequest request, HttpServletResponse response)
    			throws ServletException, IOException {
    		request.setCharacterEncoding("utf-8");
    		response.setContentType("text/html");
    		PrintWriter out = response.getWriter();
    		//用户名登录
    		String name = "admin";
    		//密码登录
    		String pwd = "521789";
    		
    		String nameAjax = request.getParameter("name");
    		String pwdAjax = request.getParameter("pwd");
    		if (name.equals(nameAjax) && pwd.equals(pwdAjax)) {
    		//验证/判断
    			out.print("ok");
    		}else{
    			out.print("error");
    		}
    		out.flush();
    		out.close();
    	}
    }
    
    展开全文
  • AJAX用户登录跳转

    万次阅读 2017-12-02 21:14:48
    最近在学习TP框架的使用,在做后台管理系统的时候做了个后台登录页面,想实时的提示用户输入信息的返回情况当然判断同户名密码错误要经过后台验证并且不刷新的情况下显示在页面上,那么首先就想到异步处理(这是门...

    最近在学习TP框架的使用,在做后台管理系统的时候做了个后台登录页面,想实时的提示用户输入信息的返回情况

    这里写图片描述

    当然判断同户名密码错误要经过后台验证并且不刷新的情况下显示在页面上,那么首先就想到异步处理(这是门艺术)

    TP上的$this_ajaxReturn();方法就可以将信息返回到前段,并用jq判断局部刷新出相应的信息。

    但是当我真正的输入正确的用户名密码时却无法跳转到后台管理页面只是返回一条json数据流

    这里写图片描述

    这里写图片描述

    原来使用异步在收到后台返回数据的时候,交给js代码处理,返回json流,那么后台的重定向就进入了流里面,而不会刷新出页面,只能通过收到的相应看到页面信息。

    那么我们知道在js里面处理 那么就可以用js的重定向Windows.location.href=’url’;跳转到指定页面

    js代码

    $(function(){
    
        $('button').click(function(){
            var user = $('input[name=user]');
            var pwd = $('input[name=pwd]');
            var verify = $('input[name=verify]');
    
    
            if(user.val() == ''|| pwd.val() == '')
            {
                $('[name=user]').focus();
                $('#errormsg').html("<strong>用户名或密码不能为空<strong>");
                return false;
    
            }
            else if(verify.val() == '') 
            {
    
                $('#errormsg').html("<strong>验证码不能为空<strong>");
                return false;
    
            }
            else{
    
               $.ajax({
                        url: handle,
                        data:{'user':user.val(),'pwd':pwd.val(),'verify':verify.val()},
                        type: "POST",
                        dataType:'json',
                        success:function(data){
                                if(data.status == '1'){
                                 window.location.href = dr;
                                }
                                else if (data.status == '2') {
                                   $('#errormsg').html("<strong>验证码错误<strong>");
                                }else if (data.status == '0') {
                                    $('#errormsg').html("<strong>用户名或密码错误!<strong>");
                                }
    
                            }, 
                            error : function(data) {
                                alert("出错:" + data.code);
                            }
                        
                        });
    
    
                }
    
    
    
        });
    })

    后台代码

    $verify = I('verify','','md5');
            if($verify !== $_SESSION['verify'])
                {
                    $this->ajaxReturn(array('status' =>'2'));
                    die();
                }
    
            $username=I('user','','');
            $passward=I('pwd','','');
            $date=M('admin',NULL);
            $date->where(array('username' => $username))->find();
    
            if($date and $date->passward == $passward)
            {
    
    
    
                $id = $date->id;
                $login_time = time() ;
                $login_ip = get_client_ip();
                $date = array('id' => $id,'login_ip' => $login_ip,'login_time' => $login_time );
                M('admin')->save($date);
                session('uid',$date['id']);
                session('ip',$date['login_ip']);
                // $this->ajaxReturn(array('status' =>'1'));
                // $this->success('登陆成功',U('Admin/Admin/index'));
            }
            else
            {
                $this->ajaxReturn(array('status' =>'0'));
                $this->redirect('Admin/Index/index');
            }
        }

    以上也有接受后台数据判断用户名密码是否正确的流程

    展开全文
  • Ajax验证登录跳转到主页面

    万次阅读 2016-06-02 14:04:58
    一般地,在登录验证成功后,网站会自动跳转到主页面,这应该怎么实现呢?(问题可以描述为:JS是如何让页面自动跳转的呢)方案只要在Ajax的success函数中加入这么一条: // ,登录验证通过,自动跳转到主页面 ...

    问题

    在“物业报修系统”的登录页面里,我用Ajax的POST方法给服务器提交用户邮箱和密码,服务器验证后给我返回一条JSON数据,里边有验证的结果。

    一般地,在登录验证成功后,网站会自动跳转到主页面,这应该怎么实现呢?(问题可以描述为:JS是如何让页面自动跳转的呢)

    方案

    只要在Ajax的success函数中加入这么一条:

        // ,登录验证通过,自动跳转到主页面
        window.location.href = "/student/dashboard";

    只要服务器验证成功,前端的JS就会自动跳转到主页面(localhost:8080/student/dashboard),非常的方便。

    背景

    Ajax函数的全部代码如下:

        $.ajax({
            url: "/student/login",
            type: "POST",
            data: {
                email: a,
                password: b
            },
            cache: !1,
            timeout: 3e4,
            dataType: "json",
            success: function (data) {
                if (data.resultInfo == "invalid user") {
                    $("#login-btn").removeAttr("disabled"), warnings.eq(0).text("该用户不存在").addClass("warning-password-show")
                }
                else if (data.resultInfo == "invalid password") {
                    $("#login-btn").removeAttr("disabled"), warnings.eq(1).text("密码错误").addClass("warning-password-show")
                } else
                    // ,登录验证通过,自动跳转到主页面
                    window.location.href = "/student/dashboard";
                    // window.location.href("/student/dashboard");
    
                    var f = b.code;
                    0 == f ? ("undefined" != typeof mixpanel && (mixpanel.identify(a), mixpanel.people.set({$email: a})), setTimeout(function () {
                        window.location.href = d
                    }, 500)) : 1 == f && ($("#login-btn").removeAttr("disabled"), warnings.eq(1).text("Email或密码错误").addClass("warning-password-show"))
                }
            },
            error:function () {
                alert("fail\n");
                $("#login-btn").removeAttr("disabled"), warnings.eq(1).text("Email或密码错误").addClass("warning-password-show")
            }
        });

    在返回的JSON数据里,提取出验证结果,分别提示“用户不存在”和“密码错误”,若成功,就自动跳转。

    查看原文

    展开全文
  • Ajax请求成功页面跳转

    千次阅读 2020-03-18 14:35:52
    通过location.href,进行页面跳转 <input id="title" type="text" placeholder="请输入标题"> <input id="input" type="button" value="发布"> $("#input").click(function () { $.post({ ...
  • 使用AJAX实现页面跳转

    万次阅读 2018-05-16 10:03:40
    原文:... url: //你的请求程序页面随便啦 async:false,//同步:意思是当有返回值以后才会进行后面的js程序。 data://请求需要发送的处理数据 success:function(msg)...
  • 主要介绍了如何使用Shiro实现不同用户登录成功跳转到不同主页,实现此功能目前比较好的方法是用ajax的方法登录,第二种方法是把用户未登录前的url存在session中,需要的朋友可以参考下
  • 关于ajax请求实现跳转页面问题

    万次阅读 2019-08-06 10:49:52
    info.setFlag(true); HttpSession session = request.getSession(); session.setAttribute("user",u);... //跳转页面 //为什么在静态页面跳转? // response.setContentType("text/html;charset=utf-8"); //
  • 拦截ajax请求跳转登录页面

    千次阅读 2019-07-09 11:40:13
    拦截ajax请求跳转登录页面场景原因解决方法后台代码前台 场景 项目中使用springMVC的HandlerInterceptorAdapter拦截器拦截请求,如果session失效时,就自动跳转登录页面,但是如果是ajax请求时,就出现不能自动跳转...
  • HTML页面通过ajax提交数据成功,但是会执行多次success方法,不会跳转到指定页面 解决办法;把button的type改为button即可 1 <button type="button" id="addBtn" class="btn btn-primary btn-lg">...
  • 实际场景:在弹窗中输入数据提交后,需要跳转到另一个页面...js/ajax提交成功后采用以下方式跳转: 1、本页面跳转:"window.location.href"、"location.href" 2、上一层页面跳转:"parent.location.href" 3、最外层的...
  • 1、首先了解一下AJAX的一些基本的知识: 在index写入: 2、在web下面创建一个data的包,在创建一个userlist.txt的文本文件,写入数据: 3、创建一个getUserList的HTML文件:` Title 用户列表 获取用户...
  • 前端登陆时使用ajax进行请求,后端对ajax请求的跳转会出现:后端无错误,但是前端页面无法跳转的现象。 前端: $(function() { // 点击登录按钮时,发送ajax请求 $("#login-btn").click(function() { // 发送...
  • 初想:想在后台程序处理完业务逻辑,然后如果失败返回错误信息,成功则进行跳转,当在跳转时居然不能够跳转页面。 问题分析: ajax只是局部刷新,所以不能在后台接口直接进行页面的跳转,只能在ajax的回调函数中进行...
  • 本文举例从登录页面跳转到首页。 详见下方代码 一、登录页面 //js代码 $("#login").on("click",function(){ // 点击登录获取表单中的值 var username = $("#username").val(); var password = $("#password")....
  • 通过Ajax实现一个非常简单的页面登录功能,后端未报错且成功返回参数,前端无法实现页面跳转。 原因:form表单和ajax不能同时使用 登录页面代码: <form > <h2>Login Form</h2> <div> ...
  • 登录成功后想要跳转到loding.html页面中,应该如何实现? ``` $(document).ready(function () { $(".button").on("click",function(){ if(login()){ $.ajax({ type: "post", url: ...
  • 前端是easyUI的dataGrid表格发送了一个Ajax请求,到达后端之后这个请求被perms拦截器拦截,权限校验未通过,于是要向/webApp/unauthorized.jsp这个页面跳转,结果页面没有变化。查询控制台发现,数据请求的请求302...
  • 关于ajax请求之后页面直接跳转问题

    千次阅读 2021-01-23 13:15:41
    直接说我是怎么解决的: 把 οnclick=“submit()” 删了,然后使用,选择器选择button 提交 ...结果就不再会提交后跳转到网页的问题了。 两种方式比较 代码 测试 按钮1 事件 按钮2 事件 情况就是这么个情况。 ...
  • 后端AJAX API,Session过期,登录失效,直接跳转(redirect)到登录页。(后端Shiro、Spring Security等都支持这个功能) 对于全站AJAX的应用,当然不存在redirect重定向到登录页面的做法(建议直接返回...
  • 1.servlet的页面跳转Servlet:当然,在servlet中,一般跳转都发生在doGet, doPost等方法里面。1) redirect 方式response.sendRedirect("/a.jsp");页面的路径是相对路径。sendRedirect可以将页面跳转到任何...
  • 前言:今天写了一个简单的作业题答案搜索的网站,后端用的Servlet...如果我用前端jsp的话无法实现在提交表单后不跳转或者无痕迹的情况下将答案显示出来,那么怎么办呢? 通过百度我找到了一个方法:用ajax实现前端...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 33,712
精华内容 13,484
关键字:

ajax登录成功跳转页面