js (jQuery) 创建 form 并提交_jq create form-优快云博客

本文介绍了一种通过前端页面触发，利用Form表单提交文件名和cid参数至后端，实现文件删除功能的方法。具体步骤包括确认删除、创建隐藏表单、设置表单属性、填充表单字段并提交。

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

功能说明：点击前端页面的删除按钮，向后端提交Form表单，进行文件删除操作

// 删除文件
function Delete(file_name, cid) {
    // 提示是否删除该文件
    var flag = confirm("确定要删除【" + file_name + "】文件？");
    // 点击确定
    if (flag == true) {
        var deleteURL = "/delete";  // 要提交的URL
        var testForm = $("<form>");   // 定义一个form表单
        testForm.attr('style', 'display:none');   // 设置form表单属性
        testForm.attr('target', '');
        testForm.attr('method', 'post');
        testForm.attr('action', deleteURL);

        var nameInput = $('<input>');  // 构造nameInput
        nameInput.attr('type', 'hidden');
        nameInput.attr('name', "filename");
        nameInput.attr('value', file_name);

        var cidInput = $('<input>');  // 构造cidInput
        cidInput.attr('type', 'hidden');
        cidInput.attr('name', "cid");
        cidInput.attr('value', cid);

        $('body').append(testForm);  // 将表单放置在web中
        testForm.append(nameInput);   // 将nameInput添加到表单上
        testForm.append(cidInput);   // 将cidInput添加到表单上
        testForm.submit();   // 表单提交
        testForm.remove();  // 表单移除
    }
}