使用ajax实现页面跳转

2018-12-04  本文已影响0人  三年二班的路小雨

最近在写一个Javaweb的项目,在写登录界面的时候,使用了ajax作为向后端传递数据的方式,但是在最初写的时候发现了一个问题。那就是,当我在后端判断用户名和密码正确之后,调用response.sendRedirect();方法想实现页面的跳转时,却发现无法实现。在查阅资料之后,我发现了其中的问题,下面是解决办法:
(从网上摘录)

Ajax只是利用脚本访问对应url获取数据而已,不能做除了获取返回数据以外的其它动作了。所以浏览器端是不会发起重定向的。

1)正常的http url请求,只有浏览器和服务器两个参与者。浏览器端发起一个http请求,服务器端处理后发起一个重定向,浏览器端从response中获取到重定向地址,发起另一个http url请求。也就是说,浏览器会按照response中的内容进行响应(如重定向),这是浏览器的功能决定的就得响应。

2)Ajax请求,参与者就有三个即ajax、客户端、服务器,ajax处于客户端和服务器两者之间。过程是客户端发起一个ajax请求,服务器端处理后,如果发起一个重定向,然后ajax会怎么办呢?它只会获取刚才请求返回的数据,其他的任何动作一概不去做,ajax是这么做的(ajax功能就是这么设定的,ajax框架源代码也是这么写的)。

也就是说,引入了ajax之后,ajax就插在浏览器和服务器之间了,服务器给浏览器的response被ajax拦截了,但是ajax本身却什么都不做,也不转达。

解决方法就在这里了,看来只能在前端实现页面跳转了,到此为止的话用户登录,注册的功能就已经实现了。后面就开始写用户个人中心的内容,动态的显示个人信息。
找到了问题之后,后端代码就可以这样修改了

屏幕截图(31).png
可以看到,在判断登录成功之后,向前端返回需要跳转到的地址。然后前端的代码可以在ajax的回调函数中实现跳转
'''success: function (data) {
window.location.href=data;
},
'''
就是这样,就可以解决使用ajax实现页面跳转的功能。
上一篇下一篇

猜你喜欢

热点阅读