weixin_43789608 2019-07-26 13:09 采纳率: 0%
浏览 1219
已采纳

ajax无法发送请求,后台也未接收到请求

试了很多次,表单提交后,到alert(data)一句(包括这一句)都执行正常,但之后的ajax语句就无法发送请求,ajax语句里面的几个alert也没有运行,最后的alert('1')也没有运行(异步请求正常运行的话应该是会执行的吧)
以下是前端代码,本来代码是要复杂些的,但我调试的时候把代码简化了,基本确定是ajax语句的问题了。

$(function () {           
            'use strict';
            $('#login_form').submit(function (event) {
                event.stopPropagation();
                event.preventDefault();
                var nickname = $('#login_form').find('#login_nickname').val();
                var pwd = $('#login_form').find('#login_password').val();
                if (!nickname || !pwd) {
                    $('#login_text').show();
                }
                var raw_data = {
                    title: 'login',
                    nickname: nickname,
                    password: pwd
                }
                var data = JSON.stringify(raw_data);
                alert(data);
                $.ajax('/login', {
                    dataType: 'json'
                }).done(function (data) {
                    alert('成功');
                }).fail(function (xhr, status) {
                    alert('失败');
                }).always(function () {
                    alert('请求完成: 无论成功或失败都会调用');
                });
                alert('1');
            });
        });

后端代码如下,用的是flask。按理来说即便url不对,后台也应该有请求记录的,然而后台并没有显示该记录

@app.route('/login',methods=['POST',])
def login():
    if g.user is not None and g.user.is_authenticated:
        flash('You have already logged in!')
        return redirect(url_for('home'))
    raw_data=request.get_data()
    print(raw_data)
    data=json.loads(raw_data)
    print(data[pwd],data[nickname])
    resp=dict(success = True,text ='limbohotmore!')
    return json.dumps(resp)

后台记录如下,无论提交几次表单,都只有第一次获取主页面的请求记录

 * Restarting with stat
 * Debugger is active!
 * Debugger PIN: 289-281-425
 * Running on http://0.0.0.0:5000/ (Press CTRL+C to quit)
127.0.0.1 - - [26/Jul/2019 12:52:27] "GET / HTTP/1.1" 200 -
  • 写回答

2条回答 默认 最新

  • 毕小宝 博客专家认证 2019-07-26 13:46
    关注

    首先,你在 event.stopPropagation(); 之前打印一句 ,看看是否触发了提交方法。
    其次,看看浏览器的控制台是不是有 js 报错。
    前端调试的方法:F12 打开浏览器的开发者模式,debugger; 添加 js 断点;console.log("xxx");向浏览器控制台输出日志信息。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥20 有没有人会这个东西的
  • ¥15 cfx考虑调整“enforce system memory limit”参数的设置
  • ¥30 航迹分离,航迹增强,误差分析
  • ¥15 Chrome Manifest扩展引用Ajax-hook库拦截请求失败
  • ¥15 用Ros中的Topic通讯方式控制小乌龟的速度,走矩形;编写订阅器代码
  • ¥15 LLM accuracy检测
  • ¥15 pycharm添加远程解释器报错
  • ¥15 如何让子窗口鼠标滚动独立,不要传递消息给主窗口
  • ¥15 如何能达到用ping0.cc检测成这样?如图
  • ¥15 关于#DMA固件#的问题,请各位专家解答!