Recently, when I am working on a project, I will encounter a situation where I cannot debug javascript code when submitting it on the subpage. Sometimes this problem occurs, we cannot normally work in the browser, we can only use the original alert or console. log (), of course, this is also a solution, but sometimes we want to see how the program runs, but also what the value of each parameter is, therefore, it is of great significance.
After I paste a picture, you will probably know when this problem will occur.
Copy codeThe Code is as follows:
<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, "system message ");
} Else {
JAlert ("Stop exception", "system message ");
}
$ ("# SaveBtn"). removeAttr ("disabled ");
$ ("# SaveBtn" ).css ("color", "white ");
}
}, "Json ");
}
</Script>
This is actually a function declaration. If you understand the javascript context, you will know that the function declaration is only the name of the function loaded when the page context is loaded. The function content cannot be loaded normally.
If we change to function self-execution or define this function declaration in function autonomy, then this problem can be solved.
Copy codeThe Code is as follows:
(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, "system message ");
} Else {
JAlert ("Stop exception", "system message ");
}
$ ("# SaveBtn"). removeAttr ("disabled ");
$ ("# SaveBtn" ).css ("color", "white ");
}
}, "Json ");
}
})();