关于layui表单提交过程中使用的一些问题

最新推荐文章于 2022-09-03 16:54:15 发布

转载最新推荐文章于 2022-09-03 16:54:15 发布 · 683 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/daiyekun-blog/p/8905486.html

文章标签：

#javascript #json #ViewUI

本文解决了在IE9浏览器中登录表单提交时的页面刷新问题，通过添加return false阻止默认行为。同时修复了使用Ajax提交表单时，由于指定dataType导致后台返回错误的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我在做登陆表单提交，遇到2个问题

1，在IE9上始终出现刷新登陆页面问题

解决办法：加一个return false

  //登录按钮
    form.on("submit(login)", function (data) {
        $(this).text("登录中...").attr("disabled", "disabled").addClass("layui-disabled");
        
        Login(data);
        return false;
    
    })

2,提交表单以后后台总时返回错误。但是又正常请求到后台

解决办法：不指定ajax的dataType就正常了

function Login(data) {

    var $loginName = $("#loginName");
    var $loginPwd = $("#loginPwd");
    $.ajax({
        url: "/Login/CheckLogin",
        data: { loginName: $.trim($loginName.val()), loginPassword: $.md5($.trim($loginPwd.val())) },
        type: "post",
        //dataType: "application/json",//请不要写这个
        success: function (data) {

            if (data.Tag == undefined || data.Tag !== 1) {
              
                layer.msg('发送失败');

            } else {//登陆成功！

                window.setTimeout(function () {
                    window.location.href = "/Home/Index";
                }, 500);
            }
           
        }
    });