精华内容
下载资源
问答
  • 通过代码示例分析给大家介绍ajax实现页面局部跳转与结果返回,具体内容如下: 1、带有结果返回的提交过程 这里用一个提交按钮来演示,HTML代码为: <input type="button" class="btn" value="提报" name="submit...
  • 使用AJAX实现页面跳转

    2018-08-22 15:05:00
    $.ajax({ type:"POST", url: //你的请求程序页面随便啦 async:false,//同步:意思是当有返回值以后才会进行后面的js程序。 data://请求需要发送的处理数据 success:function(msg){ if (msg) {//根据...
    $.ajax({
        type:"POST",
        url: //你的请求程序页面随便啦
        async:false,//同步:意思是当有返回值以后才会进行后面的js程序。
        data://请求需要发送的处理数据
        success:function(msg){
            if (msg) {//根据返回值进行跳转
                window.location.href = '你的跳转的目标地址';
            }
    

    }

    ajax只接受最后返回的值,不会响应跳转请求更改浏览器地址栏地址转向的,你需要用js判断ajax的返回值是否要跳转,然后设置location.href实现跳转。

    ajax异步请求struts的action只会返回所请求页面的html源代码。
    这样请求是不会跳转的。
    不知道你的实际需求,这种用法只是在替换页面局部html时使用。

    展开全文
  • 使用ajax实现页面跳转

    万次阅读 2017-06-30 09:40:39
    $.ajax({ type:"POST", url: //你的请求程序页面随便啦 async:false,//同步:意思是当有返回值以后才会进行后面的js程序。 data://请求需要发送的处理数据 success:function(msg){ if (msg) {//根据返回值进行...
    $.ajax({
        type:"POST",
        url: //你的请求程序页面随便啦
        async:false,//同步:意思是当有返回值以后才会进行后面的js程序。
        data://请求需要发送的处理数据
        success:function(msg){
            if (msg) {//根据返回值进行跳转
                window.location.href = '你的跳转的目标地址';
            }
    

    }

    ajax只接受最后返回的值,不会响应跳转请求更改浏览器地址栏地址转向的,你需要用js判断ajax的返回值是否要跳转,然后设置location.href实现跳转。

    ajax异步请求struts的action只会返回所请求页面的html源代码。
    这样请求是不会跳转的。
    不知道你的实际需求,这种用法只是在替换页面局部html时使用。

    转自:http://blog.csdn.net/xyw591238/article/details/51441772

    补充:

    在springMVC框架中,当controller层方法返回String类型的时候默认是进行页面跳转,这时候后台使用return时ajax接收到的并不是后台返回的某个字符串或状态码,而是整个html对象,这时可以在后台的方法上添加注解 @ResponseBody,就可以直接使用return返回想要返回的字符串而不进行页面跳转,而且ajax接收到的也是我们想要返回的字符串而不是整个html对象,然后再进行判断后用window.location.href进行页面跳转

    展开全文
  • <p><img alt="preview" src="https://pic4.zhimg.com/v2-0f3feea612405ae09f77910c4e85163b_r.jpg" /></p> ...点击其中一个选用以后跳转到另一个页面如何将选中的里面的内容对应放到跳转页面中</p>
  • 主要介绍了php+ajax登录跳转登录实现思路,非常的简单,有需要的小伙伴可以参考下
  • ajax如何实现页面跳转

    2015-05-28 01:31:59
    页面,否则返回一个数据错误的信息给AJAX页面不刷新。 当验证正确时我用的是servlet的 request.getRequestDispatcher("../index.jsp").forward(request, response);跳转方式 错误就直接out.print();可是不管...
  • 1、首先了解一下AJAX的一些基本的知识: 在index写入: 2、在web下面创建一个data的包,在创建一个userlist.txt的文本文件,写入数据: 3、创建一个getUserList的HTML文件:` Title 用户列表 获取用户...

    首先,创建一个新的项目
    在这里插入图片描述
    在这里插入图片描述在这里插入图片描述
    在这里插入图片描述准备工作做好了,接下来就要开始写代码了:
    1、首先了解一下AJAX的一些基本的知识: 在index写入:
    在这里插入图片描述
    2、在web下面创建一个data的包,在创建一个userlist.txt的文本文件,写入数据:
    在这里插入图片描述在这里插入图片描述
    3、创建一个getUserList的HTML文件:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script>
            function loadUserList() {
                //声明请求对象
                var xmlhttp;
                if (window.XMLHttpRequest){
                    //IE7+,Firefox,Chrome,Opera,Safari浏览器里执行代码
                    xmlhttp = new XMLHttpRequest();
                } else {
                    //IE5,IE6浏览器里执行代码
                    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    
                }
                //监听请求状态变化,一旦有变化,执行相应的回调函数
                xmlhttp.onreadystatechange = function(){
                    //判断请求是否成功,响应是否完成
                    if (xmlhttp.status == 200 && xmlhttp.readyState == 4){
                        //利用响应文本修改页面元素内容
                        document.getElementById("users").innerHTML = xmlhttp.responseText;
                    }
    
                }
                //新建HTTP请求,采用GET方式,请求采用异步方式
                xmlhttp.open("GET","/AjaxDemo/data/userlist.txt",false);
                //发送HTTP请求,不传递参数
                xmlhttp.send(null);
            }
        </script>
    </head>
    <body>
    <h3>用户列表</h3>
    <div id="users"></div>
    <hr>
    <button type="button" onclick="loadUserList()">获取用户列表</button>
    </body>
    </html>
    

    在这里插入图片描述

    以上就是AJAX的一些元素应用和实现在这里插入图片描述
    现在我们来实现登录功能:
    创建一个登录页面实现登录功能,然后创建一个登录成功和一个失败的页面为页面跳转提供页面在这里插入图片描述`

    用户登录

    <table border="1" cellpadding="10" style="margin: 0px auto">
        <tr>
            <td align="center">用户名</td>
            <td><input type="text" id="username"/></td>
        </tr>
        <tr>
            <td align="center">密&nbsp;码</td>
            <td><input type="password" id="password"/></td>
        </tr>
        <tr align="center">
            <td colspan="2">
                <button type="submit" onclick="login()">登录</button>
                <button type="reset" onclick="reset()">重置</button>
            </td>
        </tr>
    </table>
    
    `

    获取简单的用户信息实现登录:如获取用户名和密码,在请求在这里插入图片描述判断是否正常跳转:如果正常则跳转判断用户输入的是否是正确的再实现跳转:在这里插入图片描述实现下面的重置清空输入框的数据:在这里插入图片描述创建一个Java文件,LoginServlet类,创建一个登录处理器的功能
    在这里插入图片描述在这里插入图片描述
    登录成功和失败页面:在这里插入图片描述在这里插入图片描述接下来就可以来看一下效果了:在这里插入图片描述

    展开全文
  • 前端登陆时使用ajax进行请求,后端对ajax请求的跳转会出现:后端无错误,但是前端页面无法跳转的现象。 前端: $(function() { // 点击登录按钮时,发送ajax请求 $("#login-btn").click(function() { // 发送...

    1. 具体错误描述

    前端登陆时使用ajax进行请求,后端对ajax请求的跳转会出现:后端无错误,但是前端页面无法跳转的现象。

    前端:
    	 $(function() {
            // 点击登录按钮时,发送ajax请求
            $("#login-btn").click(function() {
                // 发送ajax请求
                $.ajax({
                    url: "${pageContext.request.contextPath}/login.do",
                    method: "post",
                    data: {
                        "userName": $("#username").val(),
                        "passWord": $("#password").val()
                    }
                });
            });
         });
    
         $(function () {
             if ("0" == "${isSuccess}") {
                 $("#error-username").text("账号或者密码有误,请重新登录").css({"color": "red"});
             }
         })
    
    后端:
     	@RequestMapping("/login.do")
        public ModelAndView login(User user, HttpServletRequest request, HttpServletResponse response) throws Exception {
            ModelAndView mv = new ModelAndView();
            User thisUser = userService.userLogin(user);
            if (thisUser == null) {
                mv.setViewName("login");
                mv.addObject("isSuccess", "0");
            } else {
                mv.setViewName("index");
                request.getSession().setAttribute("user", thisUser);
            }
            return mv;
        }
    

    2. 解决方法

    2.1 用<form>表单,进行提交

    <form action="${pageContext.request.contextPath}/login.do" method="post">
       <input type="text" name="userName" id="userName" placeholder="邮箱/手机号码/小米ID">
        <span id="error-username">填写邮箱、手机号码或者小米ID登录</span>
        <input type="password" name="passWord" id="passWord" placeholder="密码">
        <span id="error-password">密码不能为空</span>
        <input type="submit" id="login-btn" value="登录">
    </form>
    

    2.2 前端使用js进行重定向

    $("#login-btn").click(function() {
    // 发送ajax请求
    	$.ajax({
    	    url: "/xiaomi/consumer/login/auth",
    	    method: "post",
    	    data: {
    	        "username": $("#username").val(),
    	        "password": $("#password").val()
    	    },
    	    success:function(response) {
    	        console.log("请求发送成功");
    	        console.log(response);
    	        if(response.errorCode === "100") {
    	            // 登录成功
    	            alert("恭喜,用户登录成功!");
    	            window.location = "/xiaomi/index.jsp";
    	        } else {
    	            // 登录失败
    	            $("#error-username").text("账号或者密码有误,请重新登录").css({"color": "red"});
    	        }
    	    },
    	    error: function() {
    	        console.log("请求发送失败..");
    	
    	    }
    	});
    });
    
    展开全文
  • 使用ajax发送的请求实现页面跳转

    千次阅读 2018-05-09 10:34:00
    ajax 本身是不适用于页面跳转的; 可以借助其他方法实现: 1,window.location.href = "/home"; 2,springMVC 返回的modelAndView (redirect:xxx) 两者用一个即可 转载于:...
  • 主要介绍了Ajax Session失效跳转登录页面的方法,非常不错具有参考借鉴价值,感兴趣的朋友一起看下吧
  • 实际业务中遇到这样一个问题: 1)在一个页面中操作数据,点击菜单中某个模块,跳转到另外一个页面(逻辑设计如此) 2)跳转后,需要加载另外一...所以不可能在同一个方法中,跳转页面后再加载Ajax;设计如下 1...
  • Ajax实现无刷新显示新的页面 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <script src="/jquery/jquery-1.11.1.min.js"> 5 </script> 6 <script> 7 $(document)....
  • 关于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只做局部刷新,遇到重定向或者转发是不跳转的。解决方案: 接口返回跳转地址,前端location.href=跳转地址 用form表单提交的方式实现页面跳转,不用ajax
  • ajax可以实现局部刷新页面,即在不刷新整个页面的情况下更新页面的局部信息。 项目中遇到一个问题:在用户列表也,当点击某个按钮时需要去查询用户的信息,查询成功跳转到用户详情界面;查询失败,则在原页面弹出...
  • 该效果是将变量data中body片段的数据写到当前页面body中从而实现页面跳转,然而这样做有一个问题,就是body片段的代码若包含js的话,该js不会产生作用(即该js写入的是浏览器中的渲染去,而不是写入浏览器的js代码...
  • ajax 提交数据到后台jsp页面及页面跳转问题 我logincheck.jsp页面取传参数代码: String user=request.getParameter("user1"); String pwd=request.getParameter("pwd1"); login.jsp input 取2参数何用ajax 传给...
  • ajax重写方法搭配后台filter返回status实现ajax请求跳转登录页面
  • $.ajax({ url: "/Records/List/GetFormJsonById", data: { keyValue: keyValue }, dataType: "json", async: false, success: fun
  • 主要介绍了重写 ajax 实现 session 超时跳转到登录页面实例代码,需要的朋友可以参考下
  • 运用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....
  • 通过ajax实现登录功能 无法正常实现页面跳转 通过Ajax实现一个非常简单的页面的登录功能,后端未报错且成功返回参数,前端无法实现页面跳转。 原因:form表单和ajax不能同时使用 登录页面代码: <form > <...
  • 页面的跳转 后面跟的是全路径的形式 window.location.href="http://localhost:8000/succ/"; 携带参数实现页面跳转 window.location.href="http://localhost:8000/succ/?name="+name; 白月光镇楼 ...
  • Bootstrap+jquery实现页面跳转【小demo】

    千次阅读 2020-03-06 14:15:04
    引入jquery的库: <script type="text/javascript" src="../static/js/jquery.min.js" ></script> 在div的按钮上加onclick事件: ...button type="button" class="btn btn-primary btn-lg" onclick=...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 46,849
精华内容 18,739
关键字:

ajax实现页面跳转