AJAX和JQuery parseerror

时间:2019-07-18 07:57:48

标签: javascript jquery json ajax jsp

我试图以表格形式显示错误div,并在文本字段中键入键时将其隐藏。当我在 JSP 中导入J​​query库并且在 JS 中声明Jquery函数时,就会出现此问题。我没有运行提交表单,在Chrome控制台Firefox中,IE向我显示了一个 parseerror 错误。在出现的框中输入 AJAX 调用(我添加了console.log())。我试图注释dataType行,甚至在 AJAX 调用中将json的类型更改为文本,它仍然给我 parseerror 。如果我不发表评论,则 dataType 行不会输入 AJAX 调用。它停留在 $。ajax

此图像是我在此处留下的代码的控制台输出。

JS JSP代码:

spring:url value="/resources/js/jquery-3.4.1.js" var="jqueryJs" />
            <script src="${jqueryJs}"></script>
        <%-- <script type="text/javascript" src="/openiam-ui-static/js/common/jquery/jquery-1.9.1.min.js"></script>--%>
        <script type="text/javascript" src="/openiam-ui-static/js/common/openiam.common.js"></script>
        <%--<script type="text/javascript" src="/openiam-ui-static/moment/moment-with-locales.min.js"></script>--%>
        <script type="text/javascript" src="/openiam-ui-static/bootstrap/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="/openiam-ui-static/bootstrap/js/bootbox.min.js"></script>
        <script type="text/javascript" src="/openiam-ui-static/bootstrap/js/bootstrap-notify.js"></script>
        <script type="text/javascript" src="/openiam-ui-static/bootstrap-ui/js/bootstrap-toggle.min.js"></script>

JS代码:

jQuery(document).ready(function($) {

    $("#error").hide();
    $("#otp-form").submit(function(event) {
        event.preventDefault();
        sendOTP();
    });

//  $("#smsCode").on("input",function(){
//        if($("#smsCode").val().length < 1){
//          $("#error").hide();
//        }else{
//          $("#error").show();
//        }
//    });
});


function sendOTP() {
    $("#error").empty().hide();

    var otpToken = {};  
    otpToken["smsCode"] = $("#smsCode").val();
    otpToken["authToken"] = $("#authToken").val();
    otpToken["postbackURL"] = $("#postbackURL").val();

    $.ajax({
        url : "otpToken",
        type : "POST",
        //dataType : "json",
        data : JSON.stringify(otpToken),        
        success : function(data) {                  
            console.log("SUCCESS: ", data);
            if(data.code == 200) {
                var redirectURL = data.redirectURL;
                if(redirectURL != null && redirectURL != undefined && redirectURL.length > 0) {
                    window.location.href = redirectURL;
                } 
                console.log(data);
            } else if(data.code == 103) { 
                //Account Locked
            } else {
                $("#error").empty().hide();
                $("#error").show();
                $("#error").append("<a href='#' class='close' data-dismiss='alert' aria-label='close'>×</a>");
                $.each(data.errorList, function(idx, val) {
                    $("#error").append($(document.createElement("div")).text(val.message));
                });
            }
        },
        error : function(e) {
            console.log("ERROR: ", e);
        },
        done : function(e) {
            console.log("DONE");
            disableButtons(false);
        }
    });
}

此图像是具有分解的dataType的代码的控制台输出。

enter image description here

0 个答案:

没有答案