当前位置： 移动技术网 > IT编程>网页制作>CSS > 简洁高效把数据从前端传到后台

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

2018年12月07日  | 移动技术网IT编程  | 我要评论

前端将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("请求失败");  
    }  
});

最后打印出来的数据

\

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网