编辑信息点击保存无反应问题

来源:7-5 编辑和修改登录人信息

慕虎7527636

2020-02-28

老师好, 点击 保存 按钮以后没有反应。 怎么调试确认 edit.js页面 有没有运行?

@route_user.route("/edit", methods=[“GET”, “POST”])

def edit():
if request.method == “GET”:
return ops_render(“user/edit.html”)

resp ={'code': 200,'msg': '操作成功', 'data': {}}
req = request.values
nickname= req['nickname']if 'nickname' in req else''
email= req['email']if 'email' in req else''

if nickname is None or len(nickname) < 2:
    resp['code'] = -1;
    resp['msg'] ="请输入正确的姓名"
    return jsonify(resp)

if email is None or len(email) <1:
    resp['code']= -1;
    resp['msg']="请输入正确的邮箱信息"
    return jsonify(resp)

user_info = g.current_user
user_info.nickname = nickname
user_info.email = email

db.session.add(user_info)
db.session.commit()
return jsonify(resp)

edit.js 页面
;
var user_edit_ops = {
init:function(){
this.eventBind();
},
eventBind:function(){
$(".user_edit_wrap .save").click(function(){

        var btn_target = $(this);
        if( btn_target.hasClass("disabled") ){
            common_ops.alert("正在处理!!请不要重复提交~~");
            return;
        }

        var nickname_target = $(".user_edit_wrap input[name=nickname]");
        var nickname = nickname_target.val();

        var email_target = $(".user_edit_wrap input[name=email]");
        var email = email_target.val();

        if( !nickname || nickname.length < 2 ){
            common_ops.tip( "请输入符合规范的姓名~~",nickname_target );
            return false;
        }

        if( !email || email.length < 2 ){
            common_ops.tip( "请输入符合规范的邮箱~~",nickname_target );
            return false;
        }

        btn_target.addClass("disabled");

        var data = {
            nickname: nickname,
            email: email
        };

        $.ajax({
              url:common_ops.buildUrl( "/user/edit" ),
            type:'POST',
            data:data,
            dataType:'json',
            success:function( res ){
                btn_target.removeClass("disabled");
                var callback = null;
                if( res.code == 200 ){
                    callback = function(){
                        window.location.href = window.location.href;
                    }
                }
                common_ops.alert( res.msg,callback );
            }
        });
    });
}

};

$(document).ready( function(){
user_edit_ops.init();
} );

写回答

1回答

编程浪子

2020-02-29

你好

方式很简单

1:点击按钮之后按钮 通过浏览器开发者工具查看 网络请求有没有发出去

2:如果可以看到请求发出去,那就说明js可以执行,但是可能有问题。就要看网络请求的返回值。主要看success 方法

2:如果网络没有发出去,就说明js有问题 。那就确定 第一步 js 有没有记载到页面 。加载了调试js 没有什么快捷方法 就是 alert ,或者 console.log 

    

0
1
慕虎7527636
老师好,昨天运行出问题以后没找出原因就放下了,刚在运行的时候莫名其妙就能准确运行了。
2020-02-29
共1条回复

Python Flask构建微信小程序订餐系统(可用于毕设)

微信小程序 + Python Flask 打造订餐系统全栈应用,可用于毕设。

1709 学习 · 1889 问题

查看课程