ajax按钮跳转页面跳转,ajax回调函数如何阻止页面跳转？

最新推荐文章于 2021-08-16 10:48:58 发布
最新推荐文章于 2021-08-16 10:48:58 发布
阅读量448 收藏 1
点赞数
文章标签： ajax按钮跳转页面跳转
此篇博客讲述了如何在JavaScript中实现登录按钮点击后的账号密码验证，确保页面不因$.post请求错误而刷新。通过使用if语句检查输入和$.post回调处理错误提示，详细展示了如何在登录失败时保持用户停留在当前页面并显示对应错误信息。
摘要由CSDN通过智能技术生成

$("#login_btn").click(function(){ if ($("#login_text").val()=="") { $(".errortip1").text("提示：账号不能为空，请输入账号"); return false; }; if ($("#login

$("#login_btn").click(function(){ if ($("#login_text").val()=="") { $(".errortip1").text("提示：账号不能为空，请输入账号"); return false; }; if ($("#login_password").val()=="") { $(".errortip2").text("提示：密码不能为空，请输入密码");... $("#login_btn").click(function(){

if ($("#login_text").val()=="") {

$(".errortip1").text("提示：账号不能为空，请输入账号");

return false;

};

if ($("#login_password").val()=="") {

$(".errortip2").text("提示：密码不能为空，请输入密码");

return false;

};

$.post(

"login_handle.php",

{login_text:$("#login_text").val(),login_password:$("#login_password").val()},

function(re){

if (re=="success") {};

if(re=="notset") {$(".errortip1").text("提示：该账号不存在");};

if(re=="fail") {$(".errortip1").text("提示：请输入正确的密码");};

}

);

});

以上是代码 我是想点击登录按钮之后如果账号不存在或者密码错误可以提示错误并留在当前页面，但$.post里写return false没用 还是回刷新页面 我应该怎么做? 展开

展开

全部

木水生
关注
阻止input type是submit的提交和跳转（button 写onclick函数失败后的反思）
qq_19000887的博客
12-18 1360
阻止input type是submit的提交和跳转（button 写onclick函数失败后的反思）button写onclick函数不能提交利用input submit按钮实现 button写onclick函数不能提交 本人小白，写给笨笨的自己。 之前从来没写过，但是也感觉每次写代码都有绕很多弯路，还是记下来方便自己吧。其实是之前太懒了 （希望能同时方便其他人？不过大家都比我强就是了。） 在做数据...
ajax跳转到新的jsp页面的方法
10-19
1. **利用`window.location.href`：** 在Ajax的`success`回调函数中，可以设置`window.location.href`属性，将新页面的URL赋值给它，从而实现页面跳转。例如： ```javascript window.location.href = "testurl/...
c# ajax.beginform,Ajax.BeginForm 防止跳转到新页面
weixin_42368683的博客
08-05 319
@using (Ajax.BeginForm("ChangeCompanyId", "navigation", new { area = "configs" }, new AjaxOptions() { UpdateTargetId = "NavigationTree", OnSuccess = "InitTreeNode" })){@Html.DropDownList("CompanyId")}...
ajax提交表单禁止跳转页面,ajax提交表单为什么页面还跳转呢？
weixin_39621075的博客
08-06 558
数据能提交也能返回。但是页面会跳转， 跳转后的url是get形式的。$('#submit').on('click', function () {var action = $('#form1').attr('action');var title = $('#title').val();var tags = $('#tags').val();var content = $('#textarea1')....
ajax 提交表单不跳转
qq_42943161的博客
08-16 339
解决方法: 在ajax外面加一句return false;
拦截ajax请求跳转登录页面
07-09 4768
拦截ajax请求跳转登录页面场景原因解决方法后台代码前台 场景 项目中使用springMVC的HandlerInterceptorAdapter拦截器拦截请求，如果session失效时，就自动跳转登录页面，但是如果是ajax请求时，就出现不能自动跳转登录页面的情况，也就是ajax请求的转发重定向都失效。 原因 参考：https://blog.csdn.net/mozha_666/article/d...
ajax 提交数据到后台jsp页面及页面跳转问题
11-30
这里的问题是关于如何使用Ajax提交数据到后台的JSP页面，并在处理完数据后进行页面跳转。我们将详细探讨这个问题以及相关的知识点。 首先，我们看`logincheck.jsp`页面中的代码，它接收通过Ajax传递的参数： ```...
Ajax post请求跳转页面
10-20
在某些场景下，我们需要在发送Ajax POST请求后根据服务器返回的结果进行页面跳转，但又希望避免在URL中暴露请求的参数，以确保数据的安全性。本文将详细介绍如何实现Ajax POST请求后安全地跳转页面。 首先，传统的...
ajax如何实现页面局部跳转与结果返回
09-03
在前端，我们利用JavaScript和jQuery的AJAX功能发起异步请求，并在成功回调中处理返回的结果，包括展示信息或执行页面跳转。在后端，服务器端代码负责处理这些请求，执行相应的业务逻辑，并返回响应给前端。这样的...
ajax重写方法搭配后台filter返回status实现ajax请求跳转登录页面
01-25
前端的Ajax请求捕获到这个401状态码后，会执行跳转逻辑，将用户带到登录页面。 总结，通过前端Ajax重写方法和后台Filter的结合，我们可以优雅地处理用户未登录的情况，确保了应用的安全性和用户体验。这种方法使得...
实现ajax提交表单，页面不跳转
下一个转角的博客
11-09 2465
表单代码 <form id="save" class="form-horizontal" role="form" method="post" action="${request.getContextPath()}/yuyue/saveBingli.do">
ajax异步请求（阻止跳转）
雷雨路上
11-21 1374
rails 控制器写 render(:text =&gt; "unprocessable_entity") ================= event.preventDefault(); &lt;script type="text/javascript"&gt;     function update(trip_id) {         var user = $("#user_tx...
自定义submit（）实现ajax提交form表单不刷新跳转
方块♦的博客
08-24 7864
问题描述： 1.最近一直在为用户信息完善功能所困惑，想要实现：用户提交信息后不跳转到acction()的服务端页面，只要告诉提交成功即可。 2.论坛上大多ajax+json等方法/框架（$ajaxform）都需要导入包或者js文件，本人新手 ，对于导包的方法和引用js的路径问题等方面不擅长，从早上开始纠结了一天，始终点击提交按钮依然是没有反应，并不会执行ajax+json实现的提交form...
ajax请求拦截器无法跳转页面问题
ssH18868325485的博客
11-21 1039
ajax请求拦截器无法跳转页面问题 今天在写项目的第一个登入功能的时候，按照以往对拦截器的操作进行实现，但是最终请求返回200，但是页面怎么也无法操作。重新复习了一遍拦截器之后发现操作并没有问题。 后来通过度娘发现，前端用ajax请求的时候，后端通过拦截器是无法让页面进行跳转的，具体原因还没有搞懂。 跟着度娘在拦截器中加入以下代码后发现页面终于可以跳转了。 （功能：如果没有登入过则跳转到登入页面进行登入） 拦截器的实现 public boolean preHandle(HttpServletRequest
asp .net 页面跳转
weixin_33862993的博客
11-06 90
ajax异步 通过ajax去请求数据，然后在js里面得到返回结果，赋值location.href <div> <input id="url" /> <button onclick="RedirectByAjax()">跳转页面</button> </div> <script> function Redi...
layui中form表单提交使用ajax，页面依然跳转问题解决
cute_boy_的博客
07-31 2254
layui中form表单提交使用ajax，页面依然跳转问题解决 场景：在使用form表单的时候发现页面总是会跳转并没有走到ajax中（代码如下文件引用部分不再展示） <form class="layui-form " id="form_show_json" > <div class="layui-form-item"> <label class="layui-form-label">选择框</label> <div class
layui表单使用ajax提交时，发现跳转了两次
wordpython
10-27 964
先看官方文档： 图一： 图二： 图三： 图四： 理解官方文档form提交过程：（假如表单所在html地址是：localhost:8080/login） 1. 像图二中，不填action,则提交的地址是：localhost:8080/login?username=username&password=password 2.像图三，有填action接口，则提交地址是...
flask开发中，前端请求自动跳转问题
weixin_42489971的博客
05-22 892
在请求过程中，前端发现请求会自动跳转。查看后端nginx日志，确实发现有一个接口频繁跳转，https请求最后跳转到了http的请求上，nginx的配置是下面这样的： location ~ /byte_dance/* { proxy_pass http://0.0.0.0:8200; proxy_set_header Host $host; ...
ajax不跳转页面提交表单
WWF_HelloWorld
04-08 1845
1. 普通表单 表单 <form action="/handleForm1" method="post"> name: <input type="text" name="name" /><br /> <input type="submit" value="Submit" /> </form> ajax提交 $('fo...
不使用jsp怎么异步ajax实现页面跳转？
最新发布
05-25
如果不使用JSP，你可以使用JavaScript和XMLHttpRequest对象来实现异步AJAX请求。具体步骤如下： 1. 创建XMLHttpRequest对象 ``` var xhr = new XMLHttpRequest(); ``` 2. 设置请求方式和请求地址 ``` xhr.open('GET', '/your/url', true); ``` 3. 设置响应类型 ``` xhr.responseType = 'text'; ``` 4. 注册回调函数 ``` xhr.onreadystatechange = function() { if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) { // 处理响应数据 } }; ``` 5. 发送请求 ``` xhr.send(); ``` 在回调函数中，你可以处理服务器返回的数据并更新页面内容。如果需要跳转页面，你可以使用JavaScript来实现页面跳转，例如： ``` window.location.href = '/your/new/url'; ``` 需要注意的是，在使用异步AJAX请求时，页面不会重新加载，因此你需要手动处理页面内容和跳转。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值