欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

简洁高效把数据从前端传到后台

程序员文章站 2022-03-13 09:21:12
前端将from表单中输入的数据传到后台有和很多种办法,这种是比较高效的办法。 var list, data = {}; $('#pctbody tr').each(func...

前端将from表单中输入的数据传到后台有和很多种办法,这种是比较高效的办法。

var list, data = {};

$('#pctbody tr').each(function(i){
    data["[list"+i+"].gradename"] = $(this).find('[name="gradename"]').val();
    data["[list"+i+"].weekclass"] = $(this).find('[name="weekclass"]').val();
    data["[list"+i+"].grade"] = $(this).find('[name="grade"] option:selected').val();
    data["[list"+i+"].teacher"] = $(this).find('[name="teacher"] option:selected').val();
    data["[list"+i+"].classnum"] = $(this).find('[name="classnum"]').val();
    data["[list"+i+"].layer"] = $(this).find('[name="layer"] option:selected').val();
});

$.ajax({  
    url : url,  
    type : "post",  
    datatype : "json", 
    data : {
        'data' : data
    },
    success : function(data, stats) { 
 	if (stats == "success") {  
	    alert('提交成功');	
 	}   	
    },  
    error : function(data) {  
        //alert("请求失败");  
    }  
});

最后打印出来的数据

简洁高效把数据从前端传到后台