ajax 访问接口success后无法跳转问题的解决

2024-08-22 20:38

本文主要是介绍ajax 访问接口success后无法跳转问题的解决,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

今天写一个ajax登陆的js方法  登陆成功后发现无法跳转,刚开始用的是

window.location.href="index.html";  控制台报错说这一行不是一个方法

然后换成location.href="index.html";  还是提示错误,一直百思不得其接,这两个方法不用ajax提交是可以用的,代码如下

<script>function login(){var phone = document.getElementById("phone").value;		var password = document.getElementById("password").value;
//		console.log("phone="+phone); $.ajax({       type: "POST",url: "http://172.18.1.74:8081/parentServer/login.do",                 async: true,                data: {phone: phone,password : password},dataType: "json",success: function(result) {//             console.log(result); if(result==true){console.log("登陆成功");
					location.href("index.html"); } else{console.log("账号或者密码错误"); }},error: function() {console.log("访问失败");}}); }
</script>

后来才发现这两种方法是js原生的跳转方法,而$.ajax({...});是用的jQuery的方法,所以无法识别,如果想跳转必须用jQuery的跳转方法

$(location).attr('href', 'index.html');

代码如下

<script>function login(){var phone = document.getElementById("phone").value;		var password = document.getElementById("password").value;
//		console.log("phone="+phone); $.ajax({       type: "POST",url: "http://172.18.1.74:8081/parentServer/login.do",                 async: true,                data: {phone: phone,password : password},dataType: "json",success: function(result) {//             console.log(result); if(result==true){console.log("登陆成功");
//					location.href("reset-password.html"); 
//					$("#form1").attr("action",contextPath+'/success');$(location).attr('href', 'index.html');} else{console.log("账号或者密码错误"); }},error: function() {console.log("访问失败");}}); }
</script>
这样就可以了.

这篇关于ajax 访问接口success后无法跳转问题的解决的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1097334

相关文章

springboot循环依赖问题案例代码及解决办法

《springboot循环依赖问题案例代码及解决办法》在SpringBoot中,如果两个或多个Bean之间存在循环依赖(即BeanA依赖BeanB,而BeanB又依赖BeanA),会导致Spring的... 目录1. 什么是循环依赖?2. 循环依赖的场景案例3. 解决循环依赖的常见方法方法 1:使用 @La

go中空接口的具体使用

《go中空接口的具体使用》空接口是一种特殊的接口类型,它不包含任何方法,本文主要介绍了go中空接口的具体使用,具有一定的参考价值,感兴趣的可以了解一下... 目录接口-空接口1. 什么是空接口?2. 如何使用空接口?第一,第二,第三,3. 空接口几个要注意的坑坑1:坑2:坑3:接口-空接口1. 什么是空接

Spring事务中@Transactional注解不生效的原因分析与解决

《Spring事务中@Transactional注解不生效的原因分析与解决》在Spring框架中,@Transactional注解是管理数据库事务的核心方式,本文将深入分析事务自调用的底层原理,解释为... 目录1. 引言2. 事务自调用问题重现2.1 示例代码2.2 问题现象3. 为什么事务自调用会失效3

mysql出现ERROR 2003 (HY000): Can‘t connect to MySQL server on ‘localhost‘ (10061)的解决方法

《mysql出现ERROR2003(HY000):Can‘tconnecttoMySQLserveron‘localhost‘(10061)的解决方法》本文主要介绍了mysql出现... 目录前言:第一步:第二步:第三步:总结:前言:当你想通过命令窗口想打开mysql时候发现提http://www.cpp

SpringBoot启动报错的11个高频问题排查与解决终极指南

《SpringBoot启动报错的11个高频问题排查与解决终极指南》这篇文章主要为大家详细介绍了SpringBoot启动报错的11个高频问题的排查与解决,文中的示例代码讲解详细,感兴趣的小伙伴可以了解一... 目录1. 依赖冲突:NoSuchMethodError 的终极解法2. Bean注入失败:No qu

springboot报错Invalid bound statement (not found)的解决

《springboot报错Invalidboundstatement(notfound)的解决》本文主要介绍了springboot报错Invalidboundstatement(not... 目录一. 问题描述二.解决问题三. 添加配置项 四.其他的解决方案4.1 Mapper 接口与 XML 文件不匹配

MySQL新增字段后Java实体未更新的潜在问题与解决方案

《MySQL新增字段后Java实体未更新的潜在问题与解决方案》在Java+MySQL的开发中,我们通常使用ORM框架来映射数据库表与Java对象,但有时候,数据库表结构变更(如新增字段)后,开发人员可... 目录引言1. 问题背景:数据库与 Java 实体不同步1.1 常见场景1.2 示例代码2. 不同操作

Python中ModuleNotFoundError: No module named ‘timm’的错误解决

《Python中ModuleNotFoundError:Nomodulenamed‘timm’的错误解决》本文主要介绍了Python中ModuleNotFoundError:Nomodulen... 目录一、引言二、错误原因分析三、解决办法1.安装timm模块2. 检查python环境3. 解决安装路径问题

如何解决mysql出现Incorrect string value for column ‘表项‘ at row 1错误问题

《如何解决mysql出现Incorrectstringvalueforcolumn‘表项‘atrow1错误问题》:本文主要介绍如何解决mysql出现Incorrectstringv... 目录mysql出现Incorrect string value for column ‘表项‘ at row 1错误报错

电脑win32spl.dll文件丢失咋办? win32spl.dll丢失无法连接打印机修复技巧

《电脑win32spl.dll文件丢失咋办?win32spl.dll丢失无法连接打印机修复技巧》电脑突然提示win32spl.dll文件丢失,打印机死活连不上,今天就来给大家详细讲解一下这个问题的解... 不知道大家在使用电脑的时候是否遇到过关于win32spl.dll文件丢失的问题,win32spl.dl