//异步查询[业务类型]
function ajaxFindBizTypeList(){
if (!bizTypeFlag) {
bizTypeFlag = true;//标志已提取业务记录
$( "#loading2").css("display" , "block");
$( "#div_typeList").css("display" ,"none");
var url = "WorksheetViewById!ajaxFindBizTypeList.action" ;
var worksheetId = $("#hidden_worksheetId" ).val();
var worksheetNo = $("#hidden_worksheetNo" ).val();
try{
$.ajax({
url:url,
dataType: "html",
data: { "id":worksheetId , "no" :worksheetNo},
success: function(data, status) {
$( "#div_typeList").empty();
$( "#div_typeList").append(data);
$( "#div_typeList").css("display" ,"block");
},
error: function(xhr, desc, err) {
if(desc != null && desc!= '' && desc == 'timeout'){
alert( "查询业务类型超时,请重试..." );
} else{
alert( "查询业务类型失败,请重试..."
+ "\n失败描述: " + desc + "\n异常信息:" + err);
}
},
complete: function(){
$( "#loading2").css("display" , "none");
}
});
} catch(e){
alert(e.message);
}
}
}
//异步保存质检结果
function ajaxSaveAuditResult(){
if (!confirm("确认要保存吗?" )) {
return;
}
var url = "WorksheetViewById!ajaxSaveAuditResult.action" ;
var worksheetId = $("#hidden_worksheetId" ).val();
var auditState = $.trim($("#text_auditState" ).val());
var auditTruth = $("#text_auditTruth" ).val();
var auditImprove = $.trim($("#text_auditImprove" ).val());
var auditResult = $.trim($("#text_auditResult" ).val());
if (auditState != null && auditState != ''){
if(auditState.length > 200){
alert( "录音情况最多只能输入200个字符" );
return false;
}
}
if (auditImprove != null && auditImprove != ''){
if(auditImprove.length > 150){
alert( "改进方案&负责人最多只能输入150个字符" );
return false;
}
}
if (auditResult != null && auditResult != ''){
if(auditResult.length > 100){
alert( "修改结果&完成日期最多只能输入100个字符" );
return false;
}
}
try{
$.ajax({
url:url,
dataType: "json",
data: { "id":worksheetId,"auditState" :auditState,
"auditTruth" :auditTruth,"auditImprove":auditImprove, "auditResult":auditResult},
success: function(data, status) {
if (data != null && data != '') {
var logObj = data[data.length - 1];
var d = new Date();
d.setTime(logObj.opTime);
var dateVal = d.getFullYear()
+ "-"+(d.getMonth()>8?(d.getMonth()+1).toString():'0' + (d.getMonth()+1))
+ "-"+(d.getDate()>9?d.getDate().toString():'0' + d.getDate())
+ " "+(d.getHours()>9?d.getHours().toString(): '0' + d.getHours())
+ ":"+(d.getMinutes()>9?d.getMinutes().toString():'0' + d.getMinutes())
+ ":"+(d.getSeconds()>9?d.getSeconds().toString():'0' + d.getSeconds());
var content = "<tr class='odd'><td>"+logObj.opTypeVal+ "</td><td>"
+logObj.op.name+ "</td><td>"
+logObj.op.employeeNo+ "</td><td>"
+logObj.op.ctiAccount+ "</td><td>"
+ dateVal + "</td></tr>" ;
$( "#log2").append(content);
}
},
error: function(xhr, desc, err) {
if(desc != null && desc!= '' && desc == 'timeout' ){
alert( "保存质检结果超时,请重试..." );
} else{
alert( "保存质检结果失败,请重试..."
+ "\n失败描述: " + desc + "\n异常信息:" + err);
}
},
complete: function(){
$( "#text_auditState" ).attr("readonly", true);
$( "#text_auditResult" ).attr("readonly", true);
$( "#text_auditImprove" ).attr("readonly", true);
$( "#text_auditTruth" ).attr("disabled", true);
$( "#btn_save").attr("disabled" ,true);
$( "#btn_modify").attr("disabled" ,false);
}
});
} catch(e){
alert(e.message);
}
}
public void ajaxSaveAuditResult() {
try {
if (StringUtils.isNotBlank( id)) {
String auditState = ServletActionContext.getRequest().getParameter( "auditState");
String auditTruth = ServletActionContext.getRequest().getParameter( "auditTruth");
String auditImprove = ServletActionContext.getRequest().getParameter( "auditImprove");
String auditResult = ServletActionContext.getRequest().getParameter( "auditResult");
Worksheet auditWrk = new Worksheet();
auditWrk.setId(id);
auditWrk.setAuditImprove(auditImprove);
auditWrk.setAuditResult(auditResult);
auditWrk.setAuditState(auditState);
auditWrk.setAuditTruth(auditTruth);
orderService.updateWorksheet(auditWrk, "AUDIT", getUser());
//保存成功之后立马查询一次操作日志
//质检操作记录查询
worksheetLogList = orderService.findWorksheetLogListByWrkid(id);
String logJson = JSON. toJSONString(worksheetLogList);
ServletActionContext. getResponse().getWriter().print(logJson);
}
} catch (Exception e) {
LOGGER.error("异步保存工单质检结果失败:工单主键:[" + id+ "] " + e.getMessage() , e);
try {
ServletActionContext. getResponse().getWriter().print("异步保存工单质检结果失败:工单主键:[" + id+ "] " + e.getMessage());
} catch (IOException e1) {
e1.printStackTrace();
}
}
}
相关推荐
总结来说,利用jQuery的AJAX和Spring MVC,我们可以实现前端表单的无刷新提交,提高用户体验,同时在后台进行数据处理。这种技术广泛应用于现代Web应用中,特别是在需要实时交互和数据更新的场景下。通过理解并实践...
根据给定的信息,本文将详细解释“JS调用后台带参数的方法”。这涉及到前端JavaScript与后端服务之间的交互,特别是如何在发送请求时携带参数。 ### JS调用后台带参数的基本概念 在Web开发中,前端(通常是...
Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这一技术使得网页具有更好的用户体验,因为用户不再需要等待整个页面重新加载,仅需等待与更新内容相关的...
在Web开发中,异步JavaScript和XML(Ajax)技术被广泛用于提高用户体验,尤其是在处理表单提交和文件上传时。本教程将详细讲解如何利用jQuery、jQuery Form插件以及Spring MVC框架来实现Ajax提交表单并上传图片。...
2. **Ajax调用**: 使用JavaScript(可能结合jQuery或其他库)发起Ajax请求,指定后台接口URL和可能需要的参数。 3. **处理响应**: 当Ajax请求成功时,服务器返回的JSON数据会被接收到,然后解析成JavaScript对象。 4...
综上所述,Ajax实现定时刷新和获取后台数据的关键在于理解XMLHttpRequest的工作原理,设置合理的定时器,以及有效地处理数据和错误。结合前端和后端的配合,我们可以构建出实时更新、交互性强的Web应用。同时,随着...
### AJAX 前台JS调用后台方法详解 随着互联网技术的发展,前后端分离成为一种趋势,而异步请求作为前后端交互的重要手段之一,在实际开发中占据着重要的位置。AJAX(Asynchronous JavaScript and XML)是一种在无需...
在实际开发中,我们通常会使用更高级的库和框架,如jQuery、axios或Vue.js来简化Ajax操作,以及Spring MVC或Spring Boot来处理Servlet部分,提高开发效率和代码质量。 通过实践这个项目,你可以深入理解前端与后端...
总结来说,Asp+Ajax提交表单是通过JavaScript的Ajax功能在前端异步提交表单,然后由Asp在服务器端处理数据,最后将处理结果返回给前端,实现无刷新的交互体验。这种技术提高了网页的响应性和用户体验,是现代Web开发...
在这个后台管理模板中,JavaScript和JQuery可能用于实现表单验证、数据提交、异步请求(AJAX)等功能,提高用户体验。 **登录页面(login.html)**:这是系统的第一入口,通常包含输入用户名和密码的表单,以及登录...
Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下,实现局部数据的更新,而Json(JavaScript Object Notation)则是一种轻量级的数据交换格式,易于人阅读和编写,同时也方便机器解析...
本篇将详细介绍如何使用Ajax无刷新地异步调用后台方法获取系统时间,并在前端显示,这对于创建动态、响应式的用户体验至关重要。 首先,我们需要理解Ajax的核心概念。Ajax是一种在客户端利用JavaScript与服务器进行...
以上就是使用jQuery AJAX向后台传递数组参数的完整过程,包括JSON序列化和反序列化的处理。请注意,这只是一个基础示例,实际项目中可能需要考虑更多的错误处理和数据验证。同时,不同的后端框架可能有内置的JSON...
在ajax中使用post方法,用常规的参数格式:param1=a1¶m2=a2 ,当参数长度过长时,依然提交不成功。比如我们经常这样写一个ajax的post请求: $.ajax({ type: "post", // post or get contentType:"application...
**Ajax(Asynchronous JavaScript and XML)**是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。...结合`doi18n.js`,我们可以构建出一套完整的前端数据获取和国际化处理的解决方案。
**标题中的“Javascript触发Ajax回传”指的是利用JavaScript编程来发起一个Ajax请求,从服务器获取数据,然后将这些数据返回到客户端。这个过程通常包括以下步骤:** 1. **创建XMLHttpRequest对象**:在现代浏览器...
js ajax 提交checkbox 根据checkbox的值和是否被checked将所有checkbox的选项提取出来并合并成一个字符串提交服务器端,服务器端根据间隔符将所有选项值分开然后处理。示例为选择ip地址的形式。
本示例着重介绍如何使用Ext JS框架中的Ajax组件来实现异步提交表单,以及如何处理success和failure回调。 首先,Ext JS是一个强大的JavaScript库,用于构建富客户端应用程序。它提供了丰富的组件模型和数据绑定机制...
这是一个ajax提交表单插件,支持文件上传,用起来非常方便。具体使用说明 http://blog.csdn.net/qq122453418/article/details/79511164 欢迎留言
在Web开发领域,Ajax(Asynchronous JavaScript and XML)与JavaScript是两种至关重要的技术,它们共同构建了现代网页的动态交互体验。Ajax的核心理念是通过后台数据异步交换,实现页面无需刷新即可更新部分内容,...