html ajax回调函数无响应(form 与 ajax 不可混用提交数据)

在尝试实现一个简单的AJAX登录页面时,遇到回调函数success中的setTimeout页面跳转无效的问题。尝试了设置同步请求、跨域处理,但问题依然存在。研究发现,同时使用form表单和AJAX导致了请求被取消。解决方案是删除form标签,避免混用。总结:在HTML中,form和AJAX不应混用,应选择其中之一。
摘要由CSDN通过智能技术生成

ajax 回调函数里面setTimeout无响应(页面响应状态canceled)解析

前言

今天,小编想写一个简单的ajax登录的页面,发现在回调函数success里面写setTimeout函数跳转页面,一直返回canceled,一直搞不懂什么原因,跨域我也加了,ajax也改变成同步了,还是不能解决问题。最后,才在网上搜索了一番,终于找到了问题的关键所在,下面就进入此文的主题。

处理问题顺序

  1. ajax里面不执行setTimeout
    在这里插入图片描述
    之前写的关于setTimeout的使用方式,发现执行不了,于是我又换了一种方式,将setTimeout里面的匿名函数拿出来,再调用并且将ajax改成同步的方式。

    在这里插入图片描述

  2. 执行了,但是页面返回状态是 canceled
    在这里插入图片描述
    分析返回状态的原因:
    我也是在网上找了一下,相关的文章,发现 ajax 和form表单同时使用的会 断开连接 的问题。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值