解决请求服务器之后使用$location.path("")跳转需点击2次按钮的问题

最新推荐文章于 2024-06-07 08:21:22 发布
最新推荐文章于 2024-06-07 08:21:22 发布
阅读量1.8k 收藏
点赞数
分类专栏： Cordova/PhoneGap/uniapp相关技术 文章标签： jquery ajax 前端开发 phoneGap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_17387361/article/details/52091905
版权

最近在学习前端开发时遇到了这种问题。就拿登陆来说。我发现在输入了用户名和密码，点击登陆按钮发送请求给servlet写的服务器，服务器已经返回了登陆成功的标识，但在页面就是不能跳转到主页。除非点击2次按钮就可以。当然我使用的jQuery的ajax来请求的（我目前不知道是不是这的原因）。其实解决办法非常简单。就在$location.path("")后面加上$scope.$apply()就完美解决了。附上为什么加上这句的原因链接地址：

请看这里

帅呆sky
关注
专栏目录
解决window.location.href 下载文件时，一次点击产生两次下载+页面跳转问题
dhrbz75775的博客
04-22 2990
1、问题，低级第一个按钮后，立刻点击第二个下载按钮，第二个按钮出现，两次下载，同时发生页面跳转。 2、问题原因：window.location.href会发生连接覆盖问题。 3，解决方案：使用frame作伪链接跳转，利用不同frame之间互不影响的特性。 4，具体代码操作以及解答： //获得id为downLoadListFrame的framevar divFrame = wind...
react 路径跳转组件不跳转_react中为什么不window.location.href来跳转，还要用react-router来跳转...
weixin_39574943的博客
12-22 1901
展开全部作者：阮一峰日期：2016年5月25日真正学会React是一个漫长的过程。你会发现，它不是一个库，也不是一个框架，而是一个庞大62616964757a686964616fe4b893e5b19e31333365653165的体系。想要发挥它的威力，整个技术栈都要配合它改造。你要学习一整套解决方案，从后端到前端，都是全新的做法。举例来说，React 不使用 HTML，而使用 JSX ...
<a>标签href属性和onclick（）执行顺序及点击两次才跳转
维多利亚旅行者的博客
06-08 8493
今天写一个小demo时，发现正常点击链接不跳转，只有连续点击两次才会跳转，代码很简单，如下： 查询因为太简单了，也因为知道onclick（）的执行顺序在href之前执行，现在把href设置为“”，也就是不做任何动作，那就不应该会出问题，可是错误往往是由细节引起的，不跳转的原因就是因为这个，原因是当执行完onclick（）事件之后它还会去执行href属性链接，所以把href-“”删除就可以了，或者
AngularJS中$location.path() 地址栏出现”#!”问题
QSpinach的博客
03-01 2681
AngularJS中$location.path() 地址栏出现”#!”问题本文章属于个人的问题总结，如有雷同，纯属巧合。可直接看解决办法先附上源代码
【Vue】编程式导航-两种路由跳转方式
最新发布
qq_39921135的博客
06-07 1261
路径长，使用name，路径多，使用动态路由传参1.path路径跳转query传参this.$router.push('/路径?参数名1=参数值1&参数2=参数值2')path: '/路径',query: {参数名1: '参数值1',参数名2: '参数值2'})动态路由传参this.$router.push('/路径/参数值')path: '/路径/参数值'})2.name命名路由跳转query传参name: '路由名字',query: {参数名1: '参数值1',
认识ASP.NET配置文件Web.config
daguocai的专栏
06-14 405
认识ASP.NET配置文件Web.config作者：Sabine　来源：赛迪论坛　　一、认识Web.config文件 Web.config文件是一个XML文本文件，它用来储存 ASP.NET Web 应用程序的配置信息（如最常用的设置ASP.NET Web 应用程序的身份验证方式），它可以出现在应用程序的每一个
页面实现跳转和刷新
java实验室
10-11 3022
1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand('Refresh') 6 window.navigate
Vue学习笔记（五）Vue2页面跳转问题 | vue-router路由概念、分类与使用 | 编程式路由导航 | 路由组件的缓存 | 5种路由导航守卫 | 嵌套路由 | Vue2项目的打包与部署
希望每天都能进步一点点
06-25 2653
Vue学习笔记（五）Vue2页面跳转问题 | vue-router路由概念、分类与使用 | 编程式路由导航 | 路由组件的缓存 | 5种路由导航守卫 | 嵌套路由 | Vue2项目的打包与部署
$(function () { layui.use('form', function(){ var form = layui.form; // layer.msg('玩命卖萌中', function(){ // //关闭后的操作 // }); // //监听提交 form.on('submit(login)', function(data){ $.ajax({ type: "post",// 提交表单的方法 url:"${pageContext.request.contextPath}/login",// 对应登陆接口的路径 data: data.field,// 提交的数据 dataType: "json",// 服务端返回的数据类型 success:function (data) {// 服务器返回数据之后的回调函数 layer.msg(data.msg,function(){ if(data.code === 200){ location.href='${pageContext.request.contextPath}/index' } }); } }); return false; }); }); })
06-03
$.ajax({...}) 表示使用 jQuery 的 ajax 方法向服务器发送 POST 请求，请求路径为 "${pageContext.request.contextPath}/login"，提交的数据为表单中的数据（data.field），数据类型为 JSON。在服务器返回数据后，会...
网络安全——Location 对象，URL 对象，URLSearchParams 对象
W981113的博客
01-07 815
Location 对象 Location对象是浏览器提供的原生对象，提供 URL 相关的信息和操作方法。通过window.location和document.location属性，可以拿到这个对象。 属性 Location对象提供以下属性。 Location.href：整个 URL。 Location.protocol：当前 URL 的协议，包括冒号（:）。 Location.host：主机。如果端口不是协议默认的80和433，则还会包括冒号（:）和端口。 Location.hostname：主机名，不包
Vue Router
十里不故梦
12-13 474
后端路由与前端路由 后端路由：根据不同的URL地址分发不同的资源 前端路由：根据不同的用户事件，显示不同的页面内容（负责事件监听，触发事件后，通过事件函数渲染不同内容） 多页面应用模式MPA（Multi Page Application） 单页面应用模式SPA（Single Page Application） 应用构成 由多个完整页面构成 一个外壳页面和多个页面片段构成 跳转方式 页面之间的跳转是从一个页面到另一个页面 一个页面片段删除或隐藏，加载另一个页面片段并显示。片段间的模拟跳转
【Web前端 - AngularJs】$location.path改变路径需要点击两次后才会跳转
zgljl2012的专栏
06-28 6579
Angular的初学者。最近首次使用$location.path时，出现了一个问题，就是改变路径后$location.path('/result')需要点击两次后才会跳转。解决办法： 在后面加上$scope.$apply()$location.path('/result'); $scope.$apply(); $apply() is used to execute an expression
angular学习笔记(三十一)-$location(1)
11-01 353
本篇介绍angular中的$location服务的基本用法,下一篇介绍它的复杂的用法. $location服务的主要作用是用于获取当前url以及改变当前的url,并且存入历史记录. 一. 获取url的相关方法: 以 'http://localhost/$location/21.1%20$location.html#/foo?name=bunny#myhash' 这个路径为例:...
angular12获取当前路径Location.path()
小武的博客
10-25 1017
import { Location } from '@angular/common'; import { Component, OnInit } from '@angular/core'; export class LayoutComponent implements OnInit { constructor( private location: Location ){} ngOnInit(){ //如果访问路径是这个的话http://localhost:4200.
$location.url() 失效，跳转不了。。。
DAYU
04-27 3150
$scope.checkCode=function(LinePoint){ if($scope.pwd){ // 判断旧密码是否正确 if(arrayToString(LinePoint)==$scope.pwd){ $location.url("/setting"); }else{
Angular 通过注入 $location 获取与修改当前页面URL
热门推荐
博客From宋俊波
08-05 2万+
Angular 通过注入 $location 获取与修改当前页面URL
AngularJS $location学习笔记
不断成长的我
08-30 1万+
AngularJS $location学习笔记一、$lacation能做什么?　　$location服务分析浏览器地址栏中的URL（基于window.location），让我们可以在应用中较为方便地使用URL里面的东东。在地址栏中更改URL，会响应到$location服务中，而在$location中修改URL，也会响应到地址栏中。 1. $locationProvider： 1.
this.$router.push跳转页面后并刷新页面
08-18
2. 使用 `window.location.reload()` 方法来刷新页面。在跳转完成后，可以手动调用该方法来刷新当前页面。例如： ```javascript this.$router.push('/your-path').then(() => { window.location.reload(); }); ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值