Fork me on GitHub

前端html点击新增多项，ajax提交，后台接收

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<body>
    <form id="form1">
        <div class="procureWarp">
            <img class="headBg" src="/images/Cabinet/headUrl_01.png" alt="">
            <div class="head">
                <div class="title">用品采购审批</div>
            </div>
            <div class="procureFrom">
                <div class="fromUl">
                    <div class="itemlist">
                        <div class="fromLi">
                            <div class="label">
                                <img src="/images/Cabinet/procure_01.png" alt="">
                                <span>申请部门</span>
                            </div>
                            <div class="value">
                                <select id="departName" class="fromSelt" name="departName">
                                    <%foreach (var item in areaList)
                                        {%>
                                    <option value="<%=item.AreaName %>" <%=item.AreaName.Equals(CurUserDept)?"selected":"" %>><%=item.AreaName %></option>
                                    <%}%>
                                </select>
                            </div>
                            <img class="rightJt" src="/images/Cabinet/procure_05.png" alt="">
                        </div>
                        <div class="fromLi">
                            <div class="label">
                                <img src="/images/Cabinet/procure_02.png" alt="">
                                <span>物品名称</span>
                            </div>
                            <div class="value">
                                <select class="fromSelt" id="proType" name="proType">
                                    <%foreach (var item in proLIst)
                                        {%>
                                    <option value="<%=item.Name %>"><%=item.Name %></option>
                                    <%}%>
                                </select>
                            </div>
                            <img class="rightJt" src="/images/Cabinet/procure_05.png" alt="">
                        </div>
                        <div class="fromLi">
                            <div class="label">
                                <img src="/images/Cabinet/procure_02.png" alt="">
                                <span>采购数量</span>
                            </div>
                            <div class="value">
                                <input class="inputnum" placeholder="请输入采购数量" id="buyNum" type="number" name="buyNum" />
                            </div>
                        </div>
                    </div>
                    <div class="additem">
                        <div class="uploads">
                            <span class="text">新增 + </span>
                        </div>
                    </div>
                </div>
 
                <div class="fromUl">
                    <div class="fromLi">
                        <div class="label">
                            <img src="/images/Cabinet/procure_03.png" alt="">
                            <span>附件(word、excel、pdf、rar等格式)</span>
                        </div>
                        <div class="fileUpload">
                            <div class="uploads">
                                <img src="/images/Cabinet/downFile.png" alt="">
                                <span class="text">附件上传</span>
                            </div>
                            <input type="hidden" id="file1" />
                            <input class="upload" name="txtName" type="file" id="uploadify" onchange="uploadfile()" />
                            <div class="filename"></div>
                        </div>
                    </div>
                    <div class="fromLi">
                        <div class="label">
                            <img src="/images/Cabinet/procure_04.png" alt="">
                            <span>详情说明</span>
                        </div>
                        <div class="textear">
                            <textarea id="des" class="input" placeholder="请输入详情说明" maxlength="500"></textarea>
                            <div class="textCount"><span class="num">0</span>/500</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="butList">
                <div class="but butAct">
                    <a href="javascript:submit()">提交</a>
                </div>
            </div>
 
            <uc1:foot runat="server" ID="foot2" />
        </div>
    </form>
</body>
 
<script>
    var beforeHtml = $(".itemlist").html();
 
    //提交
    function submit() {
        var buyNum = $("#buyNum").val();
        if (buyNum == "") {
            alert("请输入采购数量");
            return;
        }
        var serializeUrl = $("#form1").serialize();
 
        $.ajax({
            url: "SuppliedPurchasing.aspx", type: "post", dataType: "json",
            data: {
                action: "submit",
                //departmentName: $("#departName").val(),
                //proType: $("#proType").val(),
                //buyNum: buyNum,
                data: JSON.stringify(serializeUrl),
 
                fileUrl: $("#file1").val(),
                des: $("#des").val()
            },
            success: function (data) {
                alert(data.Msg);
                if (data.Code === 200) {
                    location = "/m/UserCenter/OrderList.aspx";
                }
 
            }, error: function (data) {
            }
        });
    }
 
    $(".additem").click(function () {
        $(".itemlist").append("<div class=\"heng\"></div>" + beforeHtml);
    })
</script>

　　后台接收

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
protected string SubmitData()
    {
        ResultInfo res = new ResultInfo()
        {
            Code = 200,
            Msg = "提交申请失败，请稍后重试",
        };
 
        var formData = JsonConvert.DeserializeObject(Request.Form["data"]).ToString();
        if (formData.IsNullOrEmpty())
        {
            res.Code = 400;
            res.Msg = "数据不能为空！";
        }
 
        NameValueCollection formValues = HttpUtility.ParseQueryString(formData);
        List<string> departNames = formValues.GetValues("departName").ToList();
        List<string> proTypes = formValues.GetValues("proType").ToList();
        List<string> buyNums = formValues.GetValues("buyNum").ToList();
        if (departNames.Contains(""))
        {
            res.Code = 400;
            res.Msg = "申请部门不能为空！";
        }
        if (proTypes.Contains(""))
        {
            res.Code = 400;
            res.Msg = "物品名称不能为空！";
        }
        if (buyNums.Contains(""))
        {
            res.Code = 400;
            res.Msg = "采购数量不能为空！";
        }
 
        if (res.Code == 200)
        {
            res.Code = 400;
            for (int i = 0; i < departNames.Count; i++)
            {
                var entity = new DigitalOffice_Ic_CheckRecordByPurchase()
                {
                    OrderNo = IndexCreator.CreateIndex(BasicIndex.SUP),
                    OperatorTypeName = departNames[i],
                    OperatorType = Convert.ToInt32(buyNums[i]),
                    DepartmentName = departNames[i],
                    OperatorId = CurUser.UserId,
                    OperatorName = CurUser.TrueName,
                    OperatorPhone = CurUser.Phone,
                    FileUrl = (Request["fileUrl"] + "").TrimEnd('|'),
                    OperatorRemark = Request["des"],
                    Status = 1,
                    CreateTime = DateTime.Now
                };
 
                var processRes = SMZX_ApprovalProcess.GenerateCheckProcess(2, entity.Id, entity.DepartmentName, CurUser.TrueName, CurUser.Phone, entity.OrderNo);
                if (processRes.Success)
                {
                    new BaseService().SaveEntity(entity);
                    var nextCheckInfo = SMZX_ApprovalProcess.GetProcessDetailByOrderNumAndStep(entity.Status.Value, entity.OrderNo);
                    if (nextCheckInfo != null && nextCheckInfo.Count > 0)
                    {
                        foreach (var item in nextCheckInfo)
                        {
                            var userInfo = BLL_User.getUserByUserId(item.CheckUserId.Value);
                            if (userInfo != null && userInfo.openid.IsNotNullOrEmpty())
                            {
                                wxHelper.SendWaitCheckWxMsg(userInfo.openid, entity.OrderNo, entity.CreateTime.Value.ToString("yyyy.MM.dd"), "移动端审批", "用品采购");
                            }
                        }
                    }
 
                    res.Code = 200;
                    res.Msg = "申请提交成功，请等待审批！";
                }
            }
        }
 
        return JsonConvert.SerializeObject(res);
    }
 
    public class ResultInfo
    {
        public int Code { get; set; }
        public string Msg { get; set; }
    }

　　

posted @   WantRemake  阅读(15)  评论(0)  编辑  收藏  举报
相关博文：
· Jquery 点击弹窗，将弹窗内容赋值到各个项demo
· C#根据传入的id截图生成附件、根据id生成下载链接、根据链接下载附件
· django ajax提交
· fetch
· @RequestPart-Java接口,同时传参JSON对象数据和文件
阅读排行：
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛（1）
点击右上角即可分享
微信分享提示