submit ajax 提交

最新推荐文章于 2023-03-16 17:31:53 发布

xiaofeihfh

最新推荐文章于 2023-03-16 17:31:53 发布

阅读量253

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/xiaofeihfh/article/details/84853119

本文介绍了使用jQuery和Ajax实现的表单提交方法，包括直接提交、带回调的提交及配置项保存，展示了如何处理成功与错误响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function save_form_config(formId){
    $('#'+ formId).submit()
}

function form_submit(formId, successMsg, errorMsg){
   console.log(formId);
   $("#"+ formId).submit(function(e) {
        var formObj = $(this);
        var formURL = formObj.attr("action");
        var formData = new FormData(this);
        $.ajax({
            url: formURL,
            type: "POST",
            data: formData,
            mimeType:"multipart/form-data",
            contentType: false,
            cache: false,
            processData:false,
            success: function(data, textStatus, jqXHR) {
                if(textStatus == "success" && successMsg){
                    toastr['success']("success", successMsg);
                }else{
                    toastr['success']("success", 'config data generate success, please see right box');
                }
            },
         error: function (jqXHR, textStatus, errorThrown) {
            if(textStatus == "success" && errorMsg){
                    toastr['error']('error', 'config data generate errror: ' + errorMsg)
                }else{
                toastr['error']('error', 'config data generate errror: ' + errorThrown.toSource())
                }
            }
        });
        e.preventDefault(); //Prevent Default action.
    });
}

function generate_form_submit(formId, success_callback, error_callback) {
   $("#" + formId).submit(function(e) {
        var formObj = $(this);
        var formURL = formObj.attr("action");
        var formData = new FormData(this);
        $.ajax({
            url: formURL,
            type: "POST",
            data: formData,
            mimeType:"multipart/form-data",
            contentType: false,
            cache: false,
            processData:false,
            success: success_callback,
         error: error_callback
        });
        e.preventDefault(); //Prevent Default action.
    });
}

function save_generate_config(nameId, configId) {
   var name = $('#'+ nameId).val();
   var config = $('#' + configId).val();
   $.ajax({
      url: '/config/generate_config/save_config',
      type: 'POST',
      data: {'name': name, 'config': config},
      success: function (data, textStatus, jqXHR) {
         toastr['success']('success', 'save success')
        },
      error: function (jqXHR, textStatus, errorThrown) {
         toastr['error']('error', errorThrown)
      }
   })
}

function clear_form_attr(id){
   $("#"+id)[0].reset()
}

function get_config(parentId, elementId){
    $.get('/config/get_configs/' + parentId, function (data, status) {
        var options = '';
        for(var i in data){
            options += '<option value="' + data[i].id + '">' + data[i].name + '</option>';

        }
        $('#' + elementId).children().not(":eq(0)").remove();
        $('#' + elementId).append(options);
    })
}