js代码不执行

码龄两年 2015-10-20 10:37:18
我是刚刚开始学java web的大学生,最近老师布置了任务就是用spring mvc实现mysql数据库的增删改查,现在出现了一个很奇怪的问题,求各位大神给点意见,
就是比如我修改或新增用户时,点击esayui对话框中的保存没有反应,就是连报错都没有。
相关代码如下,下面是body中修改用户的按钮和easyui的对话框:
<div align="left">
<a href="#" class="easyui-linkbutton" iconCls="icon-add"
plain="true" onclick="newRecord()">新建用户</a> <a href="#"
class="easyui-linkbutton" iconCls="icon-edit" plain="true"
onclick="modifyRecord()">修改用户信息</a> <a href="#"
class="easyui-linkbutton" iconCls="icon-remove" plain="true"
onclick="removeRecord()">删除用户</a> <a href="#"
class="easyui-linkbutton" iconCls="icon-search" plain="true"
onclick="viewRecord();">查看</a>
</div>
<div id="editDlg" class="easyui-dialog"
style="width: 600px; height: 400px" closed="true"
buttons="#editDlg-buttons" data-options="modal:true">
<form id="userInfoEditForm" name="userInfoEditForm" method="post">
<table class="formTable">
<tr>
<td align="right" class="add_hidden">用户序号:</td>
<td class='add_hidden'><input class="easyui-validatebox"
name="pkId" required="true" id="pkId" style="width: 132px" /></td>
</tr>
<tr>
<td align="right">用户编号:</td>
<td><input class="easyui-validatebox" name="userId"
required="true" id="userId" style="width: 132px" /></td>
</tr>
<tr>
<td align="right">用户姓名:</td>
<td><input class="easyui-validatebox" name="userName"
required="true" id="userName" style="width: 132px" /></td>
</tr>
<tr>
<td align="right">年龄:</td>
<td><input class="easyui-numberbox" name="age" required="true"
id="age" style="width:132px" /></td>
</tr>
<tr>
<td align="right">性别:</td>
<td ><input class="easyui-validatebox" name="sex" required="true"
id="sex" style="width: 132px"/></td>
</tr>
<tr>
<td align="right">生日:</td>
<td><input class="easyui-datetimebox" name="birthday" required="true"
id="birthday" /></td>
</tr>

</table>
</form>
</div>
<div id="editDlg-buttons">
<a href="javascript:void(0)" class="easyui-linkbutton"iconCls="icon-ok" onclick="saveInfo()">保存</a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="closeDlg()">关闭</a>
</div>
以修改信息为例,下面是相关的js函数:
function modifyRecord() {
var row = $('#infoTable').datagrid('getSelected');
if (row) {
$('#editDlg').dialog('open').dialog('setTitle', '修改用户信息');
//不可修改项
$('#userId').attr("disabled", "disabled");
$('#pkId').attr("disabled", "disabled");
$('#userInfoEditForm').form('load', row);
url = '<%=request.getContextPath()%>/manager/userController/modifyUser.do';
} else {
$.messager.alert('提醒', '请选择需要修改的行', 'warning');
}
}
function saveInfo(){
$('#userInfoEditForm').form('submit', {
url : url,
onSubmit : function() {
return $(this).form('validate');
},
success : function(result) {
var result = eval('(' + result + ')');
if (result.errorMsg) {
$.messager.show({
title : 'Error',
msg : result.errorMsg
});
} else {
$.messager.alert('info',result.success,'info',function(){
$('#editDlg').dialog('close');
$('#infoTable').datagrid('reload');
});
}
},error:function(XMLHttpRequest, textStatus, errorThrown){
$.messager.alert('error','严重错误,联系管理员');
}
});
}
点击修改用户信息之后,把弹出的对话框填好,点击保存,就是没有任何反应,没有跳转到url指向的controller中的方法,也没有报错;加了debugger发现是SavaInfo中$('#userInfoEditForm').form('submit'之后的代买没有执行,非常奇怪,跪求各位了!
...全文
791 23 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
23 条回复
切换为时间正序
请发表友善的回复…
发表回复
独恋幽兰 2015-11-17
  • 打赏
  • 举报
回复
url = '<%=request.getContextPath()%>/manager/userController/modifyUser.do'; 这一行有问题吧,在script里面是不能写jsp脚本的,你换成绝对路径测试一下
  • 打赏
  • 举报
回复
为啥要用submit方法呢?直接用onclick事件调用ajax提交啊,那个也好调试得多
koskinen 2015-10-26
  • 打赏
  • 举报
回复
估计是SUbmit的代码有小错误
我要爆炸啦 2015-10-26
  • 打赏
  • 举报
回复
F12打断点,慢慢调试。。。
wish907 2015-10-26
  • 打赏
  • 举报
回复
清缓存,设alert看看到底哪里不执行
  • 打赏
  • 举报
回复
用chrom打开你的这个页面,然后右键审查元素,选择Sources ,找到你的js 文件,然后再你需要的地方设置断点,然后刷新页面,一步步操作,一步步调试
梦临城下 2015-10-21
  • 打赏
  • 举报
回复
看jquery的包引进来没有
十年基民 2015-10-21
  • 打赏
  • 举报
回复
点按钮没反应。一般都是js报错了,谷歌浏览器,F12看一下就知道了~
从小就很呆 2015-10-21
  • 打赏
  • 举报
回复
既然跳不进后台,肯定是你的请求url有问题,看看是不是写错了
glzmzd 2015-10-21
  • 打赏
  • 举报
回复
js当然不报错== 在断点的后面加alert运行试试 alert成功就说明是这个alert之后的代码有问题。一直alert总能找到错误的地方的
码龄两年 2015-10-20
  • 打赏
  • 举报
回复
引用 8 楼 rui888 的回复:
你这个也不报错,代码看不出来,除非调试,往源代码里面再调。
我不大会调试,哎,其实错误已经找出来了,就是js代码不执行,跳不到后台啊,但是不知是什么原因导致不执行,下午拿着代码去找老师问问吧,老师太严厉,估计又要被骂一顿
tony4geek 2015-10-20
  • 打赏
  • 举报
回复
你这个也不报错,代码看不出来,除非调试,往源代码里面再调。
码龄两年 2015-10-20
  • 打赏
  • 举报
回复
引用 6 楼 rui888 的回复:
url : url, 地址对不?其次,js问题你打断点调试看看具体是什么问题。 后台进去没。
url如果不对控制台应该会报404错误吧? 我用debugger调试,发现就是SavaInfo中$('#userInfoEditForm').form('submit'这句之后的语句没有执行。 后台指的是url对应的controller吗?没有跳进去
tony4geek 2015-10-20
  • 打赏
  • 举报
回复
url : url, 地址对不?其次,js问题你打断点调试看看具体是什么问题。 后台进去没。
码龄两年 2015-10-20
  • 打赏
  • 举报
回复
引用 4 楼 djy18178 的回复:
代码太长懒得看 说点查问题的方法 你这个是js问题? 自己看看代码执行到哪了 哪里没执行 然后用火狐或者谷歌浏览器 F12开发者控制台 看看哪里报错?
太长的话,那就看我加颜色的地方吧,我用的是谷歌浏览器,f12控制台没有任何报错,就是点保存没有反应,就是SavaInfo中$('#userInfoEditForm').form('submit'之后的代码没有执行。。。
放纵的青春 2015-10-20
  • 打赏
  • 举报
回复
代码太长懒得看 说点查问题的方法 你这个是js问题? 自己看看代码执行到哪了 哪里没执行 然后用火狐或者谷歌浏览器 F12开发者控制台 看看哪里报错?
码龄两年 2015-10-20
  • 打赏
  • 举报
回复
引用 1 楼 li4562258fj155 的回复:
记得应该是on才对 把.form(....换成.on(...试试
我刚刚试了把form换成on,但是没有什么改观
码龄两年 2015-10-20
  • 打赏
  • 举报
回复
恩 我刚刚把form换成on,结果是一样的,。
小胖9040 2015-10-20
  • 打赏
  • 举报
回复
记得应该是on才对 把.form(....换成.on(...试试
代码与酒 2015-10-20
  • 打赏
  • 举报
回复
加几处alert看看,代码太长,懒得看
加载更多回复(3)

81,122

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧