`
g4_gc
  • 浏览: 64268 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

ajax提交通用js和后台获取参数及回传通用写法

阅读更多

 

//异步查询[业务类型]
        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();
                     }
              }
       }
分享到:
评论

相关推荐

    ajax提交表单到后台

    总结来说,利用jQuery的AJAX和Spring MVC,我们可以实现前端表单的无刷新提交,提高用户体验,同时在后台进行数据处理。这种技术广泛应用于现代Web应用中,特别是在需要实时交互和数据更新的场景下。通过理解并实践...

    JS调用后台带参数的方法

    根据给定的信息,本文将详细解释“JS调用后台带参数的方法”。这涉及到前端JavaScript与后端服务之间的交互,特别是如何在发送请求时携带参数。 ### JS调用后台带参数的基本概念 在Web开发中,前端(通常是...

    Ajax将数据发送到后台进行局部刷新操作

    Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这一技术使得网页具有更好的用户体验,因为用户不再需要等待整个页面重新加载,仅需等待与更新内容相关的...

    ajax获取后台菜单数据

    2. **Ajax调用**: 使用JavaScript(可能结合jQuery或其他库)发起Ajax请求,指定后台接口URL和可能需要的参数。 3. **处理响应**: 当Ajax请求成功时,服务器返回的JSON数据会被接收到,然后解析成JavaScript对象。 4...

    Ajax实现定时刷新,获取后台数据实现技术

    综上所述,Ajax实现定时刷新和获取后台数据的关键在于理解XMLHttpRequest的工作原理,设置合理的定时器,以及有效地处理数据和错误。结合前端和后端的配合,我们可以构建出实时更新、交互性强的Web应用。同时,随着...

    ajax 前台js调用后台方法

    ### AJAX 前台JS调用后台方法详解 随着互联网技术的发展,前后端分离成为一种趋势,而异步请求作为前后端交互的重要手段之一,在实际开发中占据着重要的位置。AJAX(Asynchronous JavaScript and XML)是一种在无需...

    javaIDEA新手研究的ajax访问servlet,html获取后台数据

    在实际开发中,我们通常会使用更高级的库和框架,如jQuery、axios或Vue.js来简化Ajax操作,以及Spring MVC或Spring Boot来处理Servlet部分,提高开发效率和代码质量。 通过实践这个项目,你可以深入理解前端与后端...

    Asp+ajax提交表单实例

    总结来说,Asp+Ajax提交表单是通过JavaScript的Ajax功能在前端异步提交表单,然后由Asp在服务器端处理数据,最后将处理结果返回给前端,实现无刷新的交互体验。这种技术提高了网页的响应性和用户体验,是现代Web开发...

    简单通用文章系统后台管理模板

    在这个后台管理模板中,JavaScript和JQuery可能用于实现表单验证、数据提交、异步请求(AJAX)等功能,提高用户体验。 **登录页面(login.html)**:这是系统的第一入口,通常包含输入用户名和密码的表单,以及登录...

    前台ajax与后台json传递

    Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下,实现局部数据的更新,而Json(JavaScript Object Notation)则是一种轻量级的数据交换格式,易于人阅读和编写,同时也方便机器解析...

    Ajax无刷新异步调用后台方法获取系统时间显示

    本篇将详细介绍如何使用Ajax无刷新地异步调用后台方法获取系统时间,并在前端显示,这对于创建动态、响应式的用户体验至关重要。 首先,我们需要理解Ajax的核心概念。Ajax是一种在客户端利用JavaScript与服务器进行...

    jquery ajax 向后台传递数组参数示例

    以上就是使用jQuery AJAX向后台传递数组参数的完整过程,包括JSON序列化和反序列化的处理。请注意,这只是一个基础示例,实际项目中可能需要考虑更多的错误处理和数据验证。同时,不同的后端框架可能有内置的JSON...

    ajax快速解决参数过长无法提交成功的问题

    在ajax中使用post方法,用常规的参数格式:param1=a1&param2=a2 ,当参数长度过长时,依然提交不成功。比如我们经常这样写一个ajax的post请求: $.ajax({ type: "post", // post or get contentType:"application...

    js实现ajax通用函数

    **Ajax(Asynchronous JavaScript and XML)**是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。...结合`doi18n.js`,我们可以构建出一套完整的前端数据获取和国际化处理的解决方案。

    Javascript触发Ajax回传,调用客户端事件

    **标题中的“Javascript触发Ajax回传”指的是利用JavaScript编程来发起一个Ajax请求,从服务器获取数据,然后将这些数据返回到客户端。这个过程通常包括以下步骤:** 1. **创建XMLHttpRequest对象**:在现代浏览器...

    js ajax 提交checkbox

    js ajax 提交checkbox 根据checkbox的值和是否被checked将所有checkbox的选项提取出来并合并成一个字符串提交服务器端,服务器端根据间隔符将所有选项值分开然后处理。示例为选择ip地址的形式。

    完成的 Ajax 提交表单

    本示例着重介绍如何使用Ext JS框架中的Ajax组件来实现异步提交表单,以及如何处理success和failure回调。 首先,Ext JS是一个强大的JavaScript库,用于构建富客户端应用程序。它提供了丰富的组件模型和数据绑定机制...

    ajax提交表单插件ajaxform.js

    这是一个ajax提交表单插件,支持文件上传,用起来非常方便。具体使用说明 http://blog.csdn.net/qq122453418/article/details/79511164 欢迎留言

    ajax和js的web开发

    在Web开发领域,Ajax(Asynchronous JavaScript and XML)与JavaScript是两种至关重要的技术,它们共同构建了现代网页的动态交互体验。Ajax的核心理念是通过后台数据异步交换,实现页面无需刷新即可更新部分内容,...

    ajax请求后台接口数据与返回值处理js的实例讲解

    本文将详细讲解如何使用JavaScript和jQuery库来发起AJAX请求,获取后台接口数据,并根据返回值进行处理。 知识点一:AJAX的基本概念 AJAX(Asynchronous JavaScript and XML)是异步JavaScript和XML的简称。它不是...

Global site tag (gtag.js) - Google Analytics