JS动态创建form表单提交参数


有的时候可能会需要动态的创建form表达来想服务端提交参数,例子如下:


function example(page){
	var currentPage=page;
	//创建url
	var url="/notice/s";
	//创建要提交的参数
	var type=$("#typeSelect").val();
	var number=$("#noticeNumber").val();
	var status=$("#statusSelect").val();
	//创建form
	var form=$("<form></form>");
	//设置属性
	form.attr("action",url);
	form.attr("method","post");
	//创建input,即参数
	var inputType=$("<input type='text' name='pType'/>");
	inputType.attr("value",type);
	var inputNumber=$("<input type='text' name='pNumber'/>");
	inputNumber.attr("value",number);
	var inputStatus=$("<input type='text' name='pStatus'/>");
	inputStatus.attr("value",status);
	var inputPage=$("<input type='text' name='pCurrentPage'/>");
	inputPage.attr("value",currentPage);
	//注入参数到表单
	form.append(inputType);
	form.append(inputNumber);
	form.append(inputStatus);
	form.append(inputPage);
	form.appendTo("body");  
	form.hide();
	//提交表单
	form.submit();
}







猜你喜欢

转载自blog.csdn.net/qq_28851503/article/details/73239137