JS-动态创建表单提交

最新推荐文章于 2023-04-10 19:52:28 发布

喻树临风-CS

最新推荐文章于 2023-04-10 19:52:28 发布

阅读量460

点赞数

分类专栏： JS相关文章标签： JS 动态表单提交

本文链接：https://blog.csdn.net/jerome0815/article/details/87979540

版权

JS相关专栏收录该内容

2 篇文章 0 订阅

订阅专栏

js或者jsp调用:

function(orderNo){
    var operType = "xByuer"; //现货买方
	var url = contextPath + "/centermember/order/getOrderExecuteDetail?t=" + Math.random();
	var args = {
	    "orderNo" : orderNo,
        "operType" : operType
	}
	StandardPost.standardPost(url,args);
}

standardPost.js定义:

define(['jquery','window'], function($,UIWindow){
	var StandardPost = function(url,args){
        var form = $("<form method='post'></form>"),input;
        form.attr({"action":url});
        $.each(args,function(key,value){
            input = $("<input type='hidden'>");
            input.attr({"name":key});
            input.val(value);
            form.append(input);
        });
        $(document.body).append(form);
        form.submit();
    }
	return {
		standardPost: StandardPost,
	};
});

原来需要在jsp页面预定义一个form，仅仅只是做提交用，不美观，代码多余，如下面：

<form id="materialEditForm" name="materialEditForm" method="post">
    <input type="hidden" id="materialId" name="materialId" />
    <input type="hidden" id="returnUrl" name="returnUrl" />
    <input type="hidden" id="operateType" name="operateType" />
</form>