jsp form事件和 js 函数不能并行
2016-04-24 16:29
585 查看
今天遇到个bug 搞 折腾了一会才弄清楚
<div class="form-actions">
<div class="col-xs-6 col-xs-offset-3 col-sm-9 col-sm-offset-3">
<form>
<c:if test="${not empty onlineUser}">
<button type="submit" class="btn btn-primary">
<i class="fa fa-check"></i>
<span
onclick="saveRemark();">提交</span>
</button>
</c:if>
</form>
</div>
</div>
发现这里click事件 一直会先刷新当前页面,才执行下面的saveRemark
刷新当前页面就会缺少参数字段,导致错误,由于html页面不是我写的
没注意这里有个form 提交,,,去掉form 就好了。。略坑
function saveRemark(){
//var score = $(".rateit-range:eq(3)").attr("aria-valuenow"); //$("#rateit-range-2").attr("aria-valuenow");
var score = $($('[id="rateit-range-2"]')[1]).attr("aria-valuenow") ;// $('*[id="rateit-range-2"]')[1];
var title = $("#title").val();
var remark = $("#remark").val();
var revitAddInId = $("input[name='revitAddInId']").val();
//alert(score);
if(title.length == 0){
info("请输入标题");
return;
}
if(remark.length == 0){
info("请输入内容");
return;
}
var url = ctx+ '/revit/saveremark.html';
var param = {};
param['title'] = title;
param['content'] =remark;
param['score'] = score;
param['revitId'] = revitAddInId;
var forward = ctx+ "/revit/details.html?revitAddInId="+$("input[name='revitAddInId']").val() ;
$.post(url,param,function(data) {
if (data.success) {
window.location.href = forward ;//"/revitbus/revit/details.html?revitAddInId="+data.message;
} else {
console.log(data);
error(data.message);
}
});
}
<div class="form-actions">
<div class="col-xs-6 col-xs-offset-3 col-sm-9 col-sm-offset-3">
<form>
<c:if test="${not empty onlineUser}">
<button type="submit" class="btn btn-primary">
<i class="fa fa-check"></i>
<span
onclick="saveRemark();">提交</span>
</button>
</c:if>
</form>
</div>
</div>
发现这里click事件 一直会先刷新当前页面,才执行下面的saveRemark
刷新当前页面就会缺少参数字段,导致错误,由于html页面不是我写的
没注意这里有个form 提交,,,去掉form 就好了。。略坑
function saveRemark(){
//var score = $(".rateit-range:eq(3)").attr("aria-valuenow"); //$("#rateit-range-2").attr("aria-valuenow");
var score = $($('[id="rateit-range-2"]')[1]).attr("aria-valuenow") ;// $('*[id="rateit-range-2"]')[1];
var title = $("#title").val();
var remark = $("#remark").val();
var revitAddInId = $("input[name='revitAddInId']").val();
//alert(score);
if(title.length == 0){
info("请输入标题");
return;
}
if(remark.length == 0){
info("请输入内容");
return;
}
var url = ctx+ '/revit/saveremark.html';
var param = {};
param['title'] = title;
param['content'] =remark;
param['score'] = score;
param['revitId'] = revitAddInId;
var forward = ctx+ "/revit/details.html?revitAddInId="+$("input[name='revitAddInId']").val() ;
$.post(url,param,function(data) {
if (data.success) {
window.location.href = forward ;//"/revitbus/revit/details.html?revitAddInId="+data.message;
} else {
console.log(data);
error(data.message);
}
});
}
相关文章推荐
- JavaScript 图片URL转DataURL,DataURL转Blob
- Javascript闭包(Closure)
- 介绍 JSON
- JavaScript中typeof
- 使用JS,获取URL中指定参数的值
- js跨站之 window.name方法
- JSP编译指令和动作指令
- 【JSOI2016】飞机调度
- js document.body.scrollTop的用法
- js常用正则表达式
- 【JS 设计模式 】用组合模式来实现树形导航--JS代码结构思路分析(二)
- JSP页面数据传到另外一个JSP页面
- js动态删除表格,动态删第几行到第几行
- JavaScript函数的中实参个数和形参个数的获取
- 【JS 设计模式 】用组合模式来实现树形导航--代码结构思路分析(一)
- 通过JS函数劫持自定义百度云分享提取码
- 实现JS数组的深拷贝
- ArcGIS server开发之API for js 本地部署
- JSP取得绝对路径
- [JZOJ4465][JSOI2016?]飞机调度