js动态生成form表单并提交

最新推荐文章于 2025-03-30 09:31:42 发布

a1470037986

最新推荐文章于 2025-03-30 09:31:42 发布

阅读量1w

点赞数 1

本文链接：https://blog.youkuaiyun.com/a1470037986/article/details/79214066

版权

本文介绍如何使用JavaScript动态创建表单，并将JSON数据转换为后台可解析的格式，解决后台解析数据时可能出现的问题。示例代码中包含了JSON转换的实现，对于单个数据则无需转换。

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

在提交json数据时，可能会出后台无法解析数据的bug，碰到这个不要怕，在提交数据前用js转一下json就好了，下面我写的代码里有转json的代码，如果只是传单个数据，就没必要写成json格式了。

$("#exceldown").click(function() {

    var data5 = [];

    //获取当前页的数据行
    var rows = $('#month_report').datagrid('getRows');
    for (var i = 0; i < rows.length; i++) {
        var params = {};
        params.name=rows[i]["AREANAME"];
        for(var j=0;j<colData4.length;j++){
            var a = colData4[j]["field"];
            params[j]=rows[i][a];

        }
        data5[i]=params;
    }
    if (data5 == '')
        return;
    // 创建Form
    var form = $('<form></form>');
    // 设置属性
    form.attr('action', '<e:url value='excelData/down.e'/>');
    form.attr('method', 'post');

    // 创建Input
    var my_input = $('<input  name="my_name" type="hidden" />');
    my_input.attr('value',  JSON.stringify(data5));
    // 附加到Form
    form.append(my_input);
    $(document.body).append(form);
    // 提交表单
    form.submit();

});