Javascript
关于javascript在子页面中函数无法调试问题的解决
近期在做一个项目，会遇到在子页面中提交的时候会无法能够调试javascript代码的情况出现，有时候这种问题，我们无法正常在浏览器，看到我们子页面的javascript代码，所以只能够用原始的alert 或者 console.log()，当然，这也是一种解决方法，但是有时候，我们就想看一下程序到底是如何运行的，同时也可以看每个参数到底是什么值，所以意义还是比较大的。
我贴张图，大家就大概了解是什么时候会出现这个问题了。
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
<script>
function stopWatchDog(watchDogId) {
alert("aa");
var url = '<s:url value="/watchDog/stopWatchDog"/>';
var params = {
watchDogId : watchDogId,
};
$.post(url, params, function(data) {
if (data.success) {
closeDialog();
tbGrid.send();
} else {
if (data.errorMsg != null && data.errorMsg != "") {
jAlert(data.errorMsg, "系统消息");
} else {
jAlert("停止异常", "系统消息");
}
$("#saveBtn").removeAttr("disabled");
$("#saveBtn").css("color", "white");
}
}, "json");
}
</script>
如果我们换成函数自执行或者是在函数自治性中定义这个函数声明的话，那么就可以解决这个问题了。
avascript] view plaincopy在CODE上查看代码片派生到我的代码片
(function(){
function stopWatchDog(watchDogId) {
alert("aa");
var url = '<s:url value="/watchDog/stopWatchDog"/>';
var params = {
watchDogId : watchDogId,
};
$.post(url, params, function(data) {
if (data.success) {
closeDialog();
tbGrid.send();
} else {
if (data.errorMsg != null && data.errorMsg != "") {
jAlert(data.errorMsg, "系统消息");
} else {
jAlert("停止异常", "系统消息");
}
$("#saveBtn").removeAttr("disabled");
$("#saveBtn").css("color", "white");
}
}, "json");
}
})();
话题作者
头衔:无
活跃成员
