Ajax实现登录，点击登录按钮后不跳转页面而是直接打印返回的JSON内容

最新推荐文章于 2021-08-06 02:00:43 发布
最新推荐文章于 2021-08-06 02:00:43 发布
阅读量588 收藏
点赞数 1
分类专栏： Layui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42384506/article/details/105793539
版权

问题描述：

Ajax实现登录，点击登录按钮后不跳转页面而是网页直接显示返回的JSON内容。

原因分析：

登录按钮button标签type用的是submit，这影响了Ajax交互的实现。

问题解决：

将登录按钮button标签type改成button。

<button class="layui-btn login_btn" id="login" type="button">登录</button>

 

LGH1.2
关注
专栏目录
问题记录【ajax提交表单时，页面发生跳转，直接跳到json输出数据页面】
weixin_44216706的博客
02-25 932
一、 问题如下 因为其它页面都可以正常取得返回数据，结果这里直接给我跳到json格式的输出页面了 这是之前的代码 <button id="update" class="btn btn-success">修改</button> $("#update").click(function() { $.ajax({ type: "post...
AJAX--IE 缓存问题
qq_45728623的博客
08-16 99
xhr.open('GET', 'http://127.0.0.1:8000/ie?t='+Date.now()); <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>IE 缓存问题</title> <style> #result{ width: 200px; .
ajax提交表单时，页面发生跳转了，直接跳到json数据页面
英勇的博客
12-13 1416
一、发生的问题 二、出现问题的可能原因 说一下我遇到这种问题的原因： ①用serialize()时，忘了写小括号； ②尚不明确。 哪怕在表单的提交事件里添加了“return false”语句，问题依旧存在。 三、 解决问题的必杀技 放弃表单提交数据的方式，把提交按钮变成普通的按钮，即把input标签的type属性的值改为“button”，给这个普通的button添加一个回调函数，如下所示： &l...
spring boot security 实现登陆时ajax请求返回json，而不是直接页面跳转
热门推荐
赵晓雷的专栏
06-14 1万+
1、编写自己的SuccessHandler public class AuthenticationSuccessHandler extends SimpleUrlAuthenticationSuccessHandler { public void onAuthenticationSuccess(HttpServletRequest request, HttpServletResponse re
ajax提交表单，上传文件，出现页面跳转，返回的json打印到空白页面上
T_P_F的博客
08-31 387
ajax提交表单，上传文件，出现页面跳转，返回的json打印到空白页面上 html: 在页面上隐藏一个<input type="file" name = "uploadFile" onchange="submitFile"/>, 或者隐藏一个form包括<input type="file" name = "uploadFile" onchange="submitFile"/> js: //打开文件选择框 function selectFile(){ var up...
使用ajax获取后台数据怎么打印,用ajax获取后台数据，返回json数据，怎么在前台使用？...
weixin_35725310的博客
08-05 312
MVC2 Area实现网站多级目录Areas是ASP.NET Mvc 2.0版本中引入的众多新特性之一,它可以帮你把一个较大型的Web项目分成若干组成部分,即Area.实现Area的功能可以有两个组织形式: 在1个ASP.NET Mv ...查询数据表，去除符合某些条件的记录，没有自动增长列(not exists&rpar;select distinct ccode,isnull(cexc...
JS按回车键实现登录的方法
jfkidear的专栏
07-29 890
JS按回车键实现登录的方法 投稿：shichen2014 字体：[增加 减小] 类型：转载 这篇文章主要介绍了JS按回车键实现登录的方法,在web程序设计中非常实用的技巧,可用于表单提交的情况,具有很好的用户体验,需要的朋友可以参考下 本文实例讲述了JS按回车键实现登录的方法，该功能有着非常广泛的实用价值。分享给大家供大家参考之用。具体方法如下：
php+ajax登录跳转登录实现思路
10-21
前端接收到这个成功信号后，可以根据返回的状态码（status）决定页面的行为，如果状态码为0，通常表示登录成功，前端可以利用JavaScript的window.location.href属性实现页面跳转。 页面跳转的目标地址，可以是首页...
jQuery+ajax实现用户登录验证
10-14
然而，我们的主要关注点是用户登录验证，这通常在用户点击登录按钮时触发。在这种情况下，我们可以使用Ajax技术来实现无刷新的验证。Ajax（Asynchronous JavaScript and XML）允许我们在不刷新整个页面的情况下与...
asp.net 2.0中利用Ajax2.0实现JSON传送大量页面数据
10-29
### ASP.NET 2.0中利用Ajax 2.0实现JSON传送大量页面数据 #### 一、背景介绍 在Web开发中，随着用户对交互体验的要求越来越高，如何高效地处理前端与后端之间的数据交互成为了关键问题之一。尤其是在ASP.NET 2.0...
Ajax异步方式实现登录与验证
10-23
在网页开发中，Ajax（Asynchronous JavaScript and XML）是一种创建动态网页的技术，允许网页在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容。本篇文章将深入探讨如何使用Ajax异步方式实现登录...
ajax登陆不跳转,Spring Security 使用Ajax登陆无法跳转页面解决方法
weixin_36440677的博客
08-06 824
使用Security的朋友都知道，使用Security后，不再需要我们自己过多的(还需要写少量代码)写登陆的逻辑，只需要自己在html的登陆表单上面定义好输入框name为：username和password，Security就可以收到账户和密码了。如果我们采用Ajax登陆，正常来说Ajax需要判断服务器的状态码，根据状态码进一步操作。但是由于不再需要自己过多的登陆逻辑代码，从而在关于返回状态码的事...
php ajax退出登录,ajax实现用户登录注册和退出
weixin_28913019的博客
03-10 405
第一步：验证用户名getguestbook/index.phpm:indexa:verifyUserNameusername:要验证的用户名返回{code:返回的信息代码 0=没有错误，1=有错误message: 返回的信息 具体返回的信息}第二步：用户注册postguestbook/index.phpm:indexa:regusername:要验证的用户名password:注册密码返回{code...
ajax和json登录,使用ajax和json验证登录表单
weixin_39707597的博客
08-05 293
我正在使用ajax验证我的登录页面。并以json的格式从数据库中提取数据。我尝试了很多时间&它适用于我，但它打印时提醒xmlhttp.readyState < 4。使用ajax和json验证登录表单function hey(){x="'"+document.login_tsms.user.value+"'";y="'"+document.login_tsms.pass.value+"...
JSON页面间传值问题
Codeagles的专栏
06-08 3013
前端页面中，JSON页面间传值问题最近在项目中，有一个技术点，在后端json传值到前端页面中，解析出来后，我需要将此页面的值传递到一个新的页面中。这个时候我用URL传值？形式接收，行不通。我又想，把json值放在控件中，然后通过子页面来取父页面的控件中的值，可以取到。但是转不成JSON对象了，我试着alert一下，并且typeof（）发现传过来的值，是string，不是object了，说明json字
登陆界面遇到的问题-struts2中返回json给前台一直失败回调
个人新博客: https://cbbfcd.github.io/
08-16 2075
要做一个登陆界面，我写了个demo来演示遇到的问题。 struts.xml中的配置如下: 首页就是一个登陆界面，用户可以输入用户名和密码。 登陆页的action中接收前台通过ajax传过来的参数：username,pwd 然后在数据库中查询，比对，返回一个结果的json/给前台，前台接收结果，判断，然后跳转界面。 ajax如下：
Layui表单提交后刷新表单不跳转问题解决方案
weixin_43103905的博客
02-27 6717
最近在使用Layui做项目的时候使用layui表单功能进行ajax和后台进行数据交互（项目中使用了同步加载），在点击提交后，需要跳转到另一页面，但实际ajax的success后书写window.location.href后并未成功跳转。而修改为return window.location.href，而是先刷新了表单然后再跳转的页面。 基于 下面这段代码是官方提供的关于提交操作的代码规范。 form...
Ajax异步登录验证实现详解
"本文将深入探讨如何使用Ajax异步技术实现登录和验证功能。Ajax，即Asynchronous JavaScript and XML，是一种在无需刷新整个网页的情况下，能够更新部分网页内容的技术。这种技术能够提供更流畅的用户体验，因为用户...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值