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