首页 > 其他分享 >表单提交由submit改为异步的方式

表单提交由submit改为异步的方式

时间:2023-10-07 14:37:09浏览次数:39  
标签:function 异步 submit 表单 myTwoForm initSubAll saveSingleYx response

1,submit方式(页面会按action的url跳转,这个不方便一些交互)

function saveSingleYx(){
    $('#myTwoForm').submit();
}

2,ajax异步方式

function saveSingleYx(){
    //document.getElementById('myTwoForm').setAttribute("action", "saveSingleYx.ht");
     //$("myTwoForm").submit(function (event) {
         //event.preventDefault(); // 阻止表单的默认提交行为
         var formData =  $('#myTwoForm').serialize(); // 序列化表单数据                 
         $.ajax({
             url: "saveSingleYx.ht",
             type: "POST",
             data: formData,
             success: function (response) {
                 // 请求成功,处理后端返回的数据
                 console.log(response);
                 alert(response);
                 window.location.reload();
             },
             error: function () {
                 // 请求失败,处理错误情况
                 console.log("保存失败!!");
             }
         });
     //});
}

 

java后端

    @RequestMapping("saveSingleYx")
    @Action(description = "保存")
    @org.springframework.web.bind.annotation.ResponseBody
    public String saveSingleYx(HttpServletRequest request, HttpServletResponse response, Yjsydbsplc yjsydbsplc) throws Exception {
        String resString= "保存成功";try {
            List<Sydbyxsub> initSubAll = this.initSubAll(request);
            if (initSubAll!=null) {
                sydbyxsubService.batchUpdate(initSubAll);
            }else {
                logger.info("initSubAll=" + initSubAll);
            }
        } catch (Exception e) {
            resString  = "保存失败 请联系管理员!!"+e.getMessage();
        }
        return resString;
    }

 

标签:function,异步,submit,表单,myTwoForm,initSubAll,saveSingleYx,response
From: https://www.cnblogs.com/rdchen/p/17746207.html

相关文章

  • html表单与框架
    1.以form开头其中常用的属性有 action="" method="" enctype="" name="" action:属性用来设置接收和处理浏览器递交的表单内容的服务器程序的URL method:属性用来定义浏览器将表单中的信息提交给服务器端的处理程序的方式,取值可以为:GET或POST. enctype:属性指示浏览......
  • 实现动态表单的一种思路
    一、动态表单是什么区别于传统表单前后端配合联调的开发实现方式,动态表单通过一种基于元数据管理的配置化方法来实现表单的动态生成,并能根据配置自由增改删指定字段。实现特定需求的自助化。图1.1传统表单前后台协作模式图1.2动态表单前后台协作模式二、解决什么问题租户......
  • JS异步笔记
    Promise最早接触异步是在.net中,当时还是比较流行使用基于控件的BackgroundWorker,其自身通过子线程的方式来异步处理一些情况,并且封装了一些功能与主线程通信。后来,开始使用Thread,再后来,因为Thread的性能与生成数量的不可控,使用了ThreadPool,再后来,出现了Task,随后async、await如发......
  • .net List.ForEach内部Async/Await 异步的问题
    在开发异步的WebApi时,发现一个线程并发错误,起初以为SqlSugar问题。后来,经查是代码写的问题。但此问题,不遇到,不会知晓,只有异步才会出现此问题。这种问题,也发生在JavaScript下,代码逻辑是一样的。参看这篇:https://advancedweb.hu/how-to-use-async-functions-with-array-foreach-in-......
  • Python异步编程并发比较之循环、进程、线程、协程
    服务端现在有一个api接口http://127.0.0.1:18081/hello批量请求该接口,该接口中有一个5s的阻塞。使用循环,多进程,多线程,协程等四种方式,一共请求10次,比较总的请求耗时。importtimefromflaskimportFlaskapp=Flask(__name__)@app.route('/hello')defhello_world():......
  • 自定义表单设计之六-行字段计算配置
    AddFormRowCal.aspx<htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title>行字段规则</title><scriptlanguage="javascript">functionsaveRole(){rowcalfrm......
  • c# winfom从0学习开发开发OA、BPM工作流程与自定义表单系统(二)部门树形结构和下拉框的
    c#winfom从0学习开发开发OA、BPM工作流程与自定义表单系统(二)部门树形结构和下拉框的结构设计 具体的代码usingSystem;usingSystem.Collections;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Text;usingSystem.Threading.Tasks;usingSystem......
  • c# winfom从0学习开发开发OA、BPM工作流程与自定义表单系统(一)设计前准备
    使用DevComponents.DotNetBar2.dllmessagebox样式不能满足当前的要求,所以就把消息框使用了窗体自定义样式展示 窗体的具体代码publicpartialclassFormMessageBox:Office2007Form{publicDialogResultUserChoice{get;privateset;}public......
  • 自定义表单设计之三-表单列表实现
    代码实现-表单列表<htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title>表单列表</title></head><body><formid="formList"runat="server"><divalign=&......
  • 【不靠谱程序员】接收到回调通知的异步处理
    ​支付系统中,像资金下发这种业务,通常是在我们系统发给第三方支付通道后,第三方支付通道会进行资金业务处理。然后,付款完成后,会主动发起回调,即,调用我们系统API,将付款结果通知给我们系统。假定我们的支付系统对三方通道回调通知的处理逻辑包括:①修改本地付款单的付款状态;②将付款......