动态组装Form提交数据并跳转

前端之家收集整理的这篇文章主要介绍了动态组装Form提交数据并跳转前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

MVC中无法Post json数据到另外一个页面,可以动态组装一个Form提交到新页面。见如下代码

<script>
    var data = ["34","34343","43t43t"];

    function postForm(data) {
        //var newForm = $('<form>',{
        //    'action': '/scm/Config/Modify',//    'target': '_top',//    'method': 'post'
        //});

        //newForm.append($('<input>',{
        //    'name': 'q',//    'value': 'stack overflow1',//    'type': 'hidden'
        //})).append($('<input>',//    'value': 'stack overflow2',//    'value': 'stack overflow3',//    'type': 'hidden'
        //}))

        //newForm.appendTo('body').submit().remove();

        var template = kendo.template($("#formTempalte").html());

        var result = template(data); //Execute the template
        $(result).appendTo('body').submit().remove();
    }    

</script>

<script id="formTempalte" type="text/template">
    <form action="/scm/Config/Modify" target="_top" method="post">
        # for (var i = 0; i < data.length; i++) { #
            <input type="hidden" name="q" value="#= data[i] #" />
        # } #
    </form>
</script>

猜你在找的Ajax相关文章