AJAX 传list数据到后端

最新推荐文章于 2024-02-08 12:27:25 发布

原创最新推荐文章于 2024-02-08 12:27:25 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

WEB前端同时被 2 个专栏收录

112 篇文章

订阅专栏

95 篇文章

订阅专栏

本文介绍了一个用于保存垃圾称重记录的JS函数，该函数通过AJAX调用后端API来实现数据的保存。后端使用了GarbageWeighingModel和GarbageWeighingListModel两个类来接收和处理数据。

js 代码

    function SaveGarbageWeighingSingle() {
        if ($('#tableGarbageWeighingSingle tr').length <= 1) {
            alert('至少有一条记录才能保存！')
        } 
 
        var WeighingSingleObj = {};

        WeighingSingleObj.WeighingNo = $('#txtSingleWeighingID').val();

        WeighingSingleObj.BadgeNo = localStorage.getItem('UserNo');
        WeighingSingleObj.BadgeName = localStorage.getItem('UserName');

        var x = 0;
        $('#tableGarbageWeighingSingle tbody').find('tr').each(function () {
            var GarbageClass = $(this).find('td').eq(1).html();
            var GarbageWeight = $(this).find('td').eq(2).html();

            WeighingSingleObj["WeighingList[" + x + "].GarbageClass"] = GarbageClass;
            WeighingSingleObj["WeighingList[" + x + "].GarbageWeight"] = GarbageWeight;
            x++;
        })  //   console.log(WeighingSingleObj); 

        var url = "/assets/InsertGarbageWeighingSingle";
        $.ajax({
            url: url,
            async: false,
            type: "POST",
            dataType: "json",
            data:WeighingSingleObj,
            success: function (data) {
                var objData = JSON.parse(data)
                console.log(objData)
                if (objData.statusCode != '0') {
                    alert(objData.statusMessage)
                } else {
                    alert(objData.statusMessage)
                }

                $('#modalSingleGarbageWeighingInput').modal('hide')
            }
        }); 
    }

Modal类

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace Security.Models
{
    public class GarbageWeighingModel
    {
        public string ID { get; set; }
        public string WeighingNo { get; set; }
        public string GarbageClass { get; set; }
        public string GarbageWeight { get; set; }
        public string BadgeNo { get; set; }
        public string BadgeName { get; set; }
        public string UserNo { get; set; }
 
        public string Remark { get; set; }
    }

    public class GarbageWeighingListModel
    { 
        public string WeighingNo { get; set; }
        public List<GarbageWeighingModel> WeighingList { get; set; }
        public string BadgeNo { get; set; }
        public string BadgeName { get; set; }
    }
}

后端Action

        /// <summary>
        /// 2018-11-08
        /// 保存垃圾称重单次称重记录
        /// </summary>
        /// <param name="param"></param>
        /// <returns></returns>
        [HttpPost]
        public JsonResult InsertGarbageWeighingSingle(GarbageWeighingListModel gwlm)
        {
            string js = JsonConvert.SerializeObject(DBSecurity.Asset.InsertGarbageWeighingSingle(gwlm));

            return Json(js);
        }