总结一下我遇到的前端套路,以后再遇到新的套路再更新
.有些前端套路不明白,需要钻研一下
1.前端代码(js代码),有错误的话,就不会往下执行,而前端又不报错
明明逻辑没问题啊,就是不显示我想要的效果
前端代码出错误,结果前端没有错误提示,然后错误的地方以后的代码都不执行 <这是js里的函数出了错误,没有错误提示>
在js代码中 定位错误,可以用 alert(); 展示信息,确定代码运行到哪一行;也可以故意用错误代码,来定位错误
具体案例:
以下是正确代码,其中错误代码已注释,并说明!
<%
String path = request.getContextPath();
String webContent = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
+ path + "/";
request.setAttribute("webContent", webContent);
%>
<script type="text/javascript">
function registerFunction() {
var userName = $("#userName").val(); //$("#userName") -->之所以要用#userName ,为了获取到id为username的标签?
var password = $("#password").val();
/* var webContent=${webContent};
alert("项目路径:"+webContent);
--> 该注释代码无法运行成功,其后面的代码就没有显示出效果了,把该代码注释了就没问题了,暂时没有找到原因,怀疑是alert()函数用得不对,有空再琢磨琢磨 */
alert("username:"+userName+"password:"+password);
/*user/register:后端的register并不是form表格的action,故后端的register不用method = RequestMethod.POST */
$.post("${webContent}user/register?userName=" + userName
+ "&password=" + password,
function(msg) {
if (msg == 'success') {
location.href = "${webContent}page/login.jsp"; //注册成功后,要自己再登录一遍,就跳转到登录页面
} else {
alert(msg);
}
});
}
</script>
附:JavaScript中的alert() 函数使用技巧详解
https://www.jb51.net/article/59119.htm
2.如何处理js报错
引用别人的资源:https://www.jianshu.com/p/a21688e015b6