ajax请求的页面如果有跳转怎么办 登录界面交互实现的关键?

登录界面交互实现的关键?需要通过ajax或者http请求将用户名和密码发送到后台,后台将结果返回到登录页面进行页面跳转处理。jsp html中怎么样才能点击了按钮但是不用跳转页面就可执行servlet

登录界面交互实现的关键?

需要通过ajax或者http请求将用户名和密码发送到后台,后台将结果返回到登录页面进行页面跳转处理。

jsp html中怎么样才能点击了按钮但是不用跳转页面就可执行servlet或者后台代码?

其实这个可以很简单的实现,ajax异步刷新技术就够了。异步刷新推荐用jquery,因为javaScript写起来太麻烦。然后答案会从头到尾告诉题主如何实现:

什么是异步刷新技术?用我们自己的话来说,就是不刷新整个页面,只刷新需要处理的位置。这提高了性能,也增加了用户 的经历。这里 最常用的例子是:当我们注册一个用户时,当我们输入完想要注册的用户名后,我们需要在光标移出输入框时验证我们当前的用户名是否可用,所以我们不 不需要点击注册在这里做验证。如果我们能 t使用整个页面刷新,我们将不得不重新输入其他信息,这对用户使用来说将非常麻烦。所以最好的办法就是只验证用户名数据库,并且只提示当前信息。这是ajax。让 让我们做一个这个函数的代码演示。

前端内容直接看代码图:

首先说明要做什么。当您在输入框中输入用户名时,只要鼠标移出,您就可以验证该用户名对服务器是否可用。发送异步请求用户服务程序 "用jquery的ajax,然后把输入名称传递给服务器端servlet。在这里,没有点击事件,但光标移动事件模糊。It 都是一样的,只是改变了方法名。然后回调成功的函数回调;;

设置请求访问的servlet并直接查看代码:

这里的答案是用最基本的配置写的。当tomcat服务器收到 "用户服务程序 "ajax发送的请求,它访问 "我们已经写好的Servlet类。然后在servlet类中给出相应的响应。

直接把代码看做后端内容:

当请求到达servlet时,它开始接收传递的用户名,然后判断用户名。如果可用,则返回true,如果可用,则返回false。最后将结果返回给回调函数,回调函数对结果做出相应的前端提示信息。

最终完成的效果图:

输入内容时,光标只要移出,就会显示用户名是否可用。

总结:异步刷新技术主要使用ajax,是题主不跳转页面的最佳选择,实现起来也比较简单。

以上是答主 的解决方案。如果你有更好的看法,可以在下方评论区留言,或者点击一个赞,关注我们一起探讨。