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

最新推荐文章于 2022-10-15 21:31:27 发布

李逸风

最新推荐文章于 2022-10-15 21:31:27 发布

阅读量5k

点赞数 1

分类专栏： Javascript ajax

本文链接：https://blog.csdn.net/sheng_li/article/details/81556941

版权

本文介绍了如何简洁高效地将前端表单数据传递到后台。对于单条数据，可以通过键值对对象的方式，而多条数据则可以存入数组并转化为JSON。最后，使用JSON.stringify()将数据转换为字符串，方便后台通过JSON.parse()解析处理。

摘要由CSDN通过智能技术生成

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

单条数据可以直接通过存在一个对象里，按key和value键值对拼好就行。

多条数据就可以把媒每个对象依次存到数组里，最后转成json数据传到后台。

var arrData = [], data = {};
$('#pcTbody tr').each(function(i){

    data = {};
    data["gradeName"] = $(this).find('[name="gradeName"]').val();
    data["weekClass"] = $(this).find('[name="weekClass"]').val();
    data["grade"] = $(this).find('[name="grade"] option:selected').val();
    data["teacher"] = $(this).find('[name="teacher"] option:selected').val();
    data["classNum"] = $(this).find('[name="classNum"]').val();
    data["layer"] = $(this).find('[name="layer"] option:selected').val();
    
    //此方法暂时不适用
    /*data["[list"+i+"].gradeName"