后台遍历Javascript获取前台数据

最新推荐文章于 2019-04-13 09:43:22 发布
最新推荐文章于 2019-04-13 09:43:22 发布
阅读量1.8k 收藏 1
点赞数
分类专栏： ASP.NET 技术点 文章标签： javascript string server button input function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hailang123_love/article/details/5610955
版权

前台设计：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>

    <script type="text/javascript" language="javascript">
        var h=1;
        var message="";
        var str2="";
        function AddSelect()
        {
            var lenght2=document.getElementById("DrpCigarettes1").length;
            var str='<select id="DrpCigarettes'+h+'" name="DrpCigarettes'+h+'" >';
            for(var i=0;i<lenght2;i++)
            {
                var SelectName=document.getElementById("DrpCigarettes1").options[i].text;
                var Selectvalues=document.getElementById("DrpCigarettes1").options[i].value ;
                str+='<option value="'+Selectvalues+'">'+SelectName+'</option>';
            }         
           str+='</select>';
           str+=' <input  type="text" id="txtCount'+h+'" name="txtCount'+h+'" /><br>';
            if(h==1)
            {
                     h++;
                 document.getElementById('dd').innerHTML =str;
                 message=str;
               
            }else
            {
                    h++;
                   message=str;
                   document.getElementById('dd').innerHTML =document.getElementById('dd').innerHTML+message;
            }
        }
       
        function Ti()
        {
            var number=/[0-9]+(/.[0-9]{1,2})?/;
            var n= form1.elements.length;
            var message="商品信息确认: /n";
            for(var i=1;i<n;i++)
            {
                var ddl=document.getElementById("DrpCigarettes"+i);
                if(ddl!=null)
                {
                 var count=document.getElementById("txtCount"+i).value;
                var name=document.getElementById("DrpCigarettes"+i).options[document.getElementById("DrpCigarettes"+i).selectedIndex].text;
                var d=document.getElementById("txtCount"+i).value;
                if(count=="")
                {
                    alert('购买数量不能为空');
                    return false;
                }else
                {
                    if(!number.test(count))
                    { 
                        alert("输入必须为数字");
                        return false; 
                    }else
                    {
                        message=message+name+" X "+count+" /n";
                    }
                }
                }
               
            }
            return  confirm(message); 
        }
        function Dele()
        {
           var dd=document.getElementById('dd').innerHTML
           var count=(dd.length-message.length)+25;
           if(count>240)
           {
           document.getElementById('dd').innerHTML=dd.substr(0,count);
           }
            h--;
        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <p id="select">
        </p>
        <input type="button" value="添加" οnclick="AddSelect()" />
        <br />
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="确定" OnClientClick="return Ti()"
            Style="height: 26px" />
    </div>
        <input type="button" id="buttonDel" name="buttonDel" οnclick="Dele()" value="删除" />
    <div id="dd">
        <select id="DrpCigarettes1" name="DrpCigarettes1" runat="server">
        </select>
        <input type="text" id="txtCount1" name="txtCount1" runat="server" onkeypress ="" />
    </div>
    <asp:HiddenField ID="HFtxt" runat="server" />
    <asp:HiddenField ID="HFvalue" runat="server" />
    <asp:HiddenField ID="HFvalue2" runat="server" />
    </form>
    <div id="div1" runat="server">
    </div>
</body>
</html>


后台遍历：

    /// <summary>
    /// 在后台遍历javascript
    /// </summary>
    /// <returns></returns>
    public string str()
    {
        string rv = "";
        string[] keys=Request.Form.AllKeys;
        for (int i = 0; i < keys.Length;i++)
        {
            if (keys[i].IndexOf("DrpCigarettes") == 0)
            {
                string sql = "select CigName from Cigarettes where CigId=" + Request.Form.GetValues(keys[i])[0];
                DataRow dr = DBHelp.ExDataRow(sql, CommandType.Text, null);
                string name = dr[0].ToString();
                string restStr=keys[i].Substring("DrpCigarettes".Length);
                rv += name + "(";
                rv += Request.Form.GetValues("txtCount" + restStr)[0] + "),";
            }
        }
        return rv.Substring(0,rv.Length-1);
    }
    private int JiFen()
    {
        string rv = "";
        string[] keys = Request.Form.AllKeys;
        int points = 0;
        for (int i = 0; i < keys.Length; i++)
        {
            if (keys[i].IndexOf("DrpCigarettes") == 0)
            {
                string sql = "select Point from Cigarettes where CigId=" + Request.Form.GetValues(keys[i])[0];
                DataRow dr = DBHelp.ExDataRow(sql, CommandType.Text, null);
                int point = (int)dr[0];
                string restStr = keys[i].Substring("DrpCigarettes".Length);
                int count = int.Parse(Request.Form.GetValues("txtCount" + restStr)[0]);
                points = points + point * count;
            }
        }
        return points;
    }

 

hailang123_love
关注
专栏目录
js相关语法（获取前端用户传入的值）
Doris-wxy
04-25 1484
获取前端值相关操作 1、Dom操作 Dom获取节点 直接获取 document.getElementById("唯一id") document.getElementsByTagName("标签"); document.getElementsByClassName("类名"); 间接获取 var element = document.getElementById() element.children() // 属性返回元素的子元素的集合 element.nextSibling // 返回元素之后
JS前台页面获取值的技巧
weixin_34001430的博客
08-13 852
2019独角兽企业重金招聘Python工程师标准>>> ...
根据数据结构前台遍历显示数据
qq_24192465的博客
11-24 253
1、数据结构 2、javascript 代码遍历 班级 姓名 学号 选课情况 全科总分 排名 主科总分
JQuery通过后台获取数据遍历到前台
热门推荐
Gemini仔仔的专栏
01-04 2万+
做项目中，经常会通过调用后台接口把数据显示到前台页面上来，之前遇到过的问题是，前台页面是用ul+li标签写的，在调用接口调试时发现返回的数据有很多组的，而在前台显示的时候只有一条数据，毋容置疑，一定是遍历时出现了问题，下面来简单分析下。 前台代码： 案例1： 经办记录 时间 步骤 意见         调用接口：（每个公司用的方法不
jsp:前端list集合遍历数据放进数组或集合时最后一条数据会把之前数据覆盖掉
rick的博客
04-13 2566
关于前端和后台for循环遍历往数组或list里添加，每次最后一条数据都会把数组或list前面加入的数据覆盖掉。问题可能是把放入数组或list的对象实体定义在了for循环外面。解决方法：把对象实体放在for循环中定义 Services services = new Services();需放在while（）循环里面 原文：https://blog.csdn.net/qq_39721645/arti...
JQuery通过后台获取数据遍历到前台的方法
10-18
JQuery通过后台获取数据并遍历到前台的方法，主要是指利用JQuery库中的AJAX技术从服务器端取得数据，并通过遍历将这些数据动态地插入到HTML页面中显示出来。这是一种在网页开发中常见且实用的操作，尤其适用于动态...
Jquery+asp.net后台数据传到前台js进行解析的方法
10-25
本文详细阐述了如何使用 jQuery 将 *** 后台数据传送到前台，并在 JavaScript 中进行解析。 #### 后台数据的种类与格式 *** 后台可以提供多种数据格式，常见的有 JSON、XML、纯文本等。而从后台到前台的数据传递，...
使用js实现将后台传入的json数据放在前台显示
10-18
2. 后台到前台的数据传输 在Web开发中，后端服务处理业务逻辑后，常常会通过HTTP请求将数据以JSON格式传递给前端页面。前端的JavaScript代码需要通过Ajax（Asynchronous JavaScript and XML）技术实现异步请求，从而...
jquery ajax后台返回list,前台用jquery遍历list的实现
10-21
在讨论jquery ajax后台返回list, 前台用jquery遍历list的实现时，我们首先需要了解几个关键概念和知识点。jQuery是一个快速、小巧、功能丰富的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互，使得...
将从mysql数据库查询的信息，遍历到List<>以及一些随机数的生成
weixin_30632899的博客
11-22 210
将从mysql数据库查询的信息，遍历到List<>以及一些随机数的生成。 代码比较乱，但是方法还是对的，大家又需要的选择看，希望对博友 有帮助，欢迎留言分享！ public class subject { public string sub { get; set; } } //public class QueryCategory { // s...
前台遍历后台返回的json数据问题
antchow-
01-13 9230
今天碰到一个比较尴尬的问题，前台用ajax去后台读数据库的数据，总共3条，每一条用一个JSONObject装起来，然后最后再用一个JSONArray封起来转换成String传到前台去。结果尴尬的事情来了，前台刚开始的时候的代码：$.ajax({ url:'XXX' ,success:function (data){ //data类似于[{"id":"1","name"
遍历后台返回数据
weixin_30236595的博客
03-14 665
1.给后台返回的数组中追加标记字段 this.tags.forEach((item) => {item.isChecked = false}) 2.判断新添加的名称在数组是否已经存在 if(this.tags.some((item) => {return item.name === name})) {this.$message.error('不能添加重复分类名称')return}使...
遍历datatable的方法汇总
shan1774965666的专栏
12-17 3523
遍历datatable的方法 方法一： DataTable dt = dataSet.Tables[0]; for(int i = 0 ; i {    string strName = dt.Rows[i]["字段名"].ToString(); } 方法二： foreach(DataRow myRow in myDataSet.Tables["temp"].Rows)
加载页面时，ajax异步请求数据，$.each()遍历数据，通过jQuery将数据html()到dom结构中
书山有路勤为径，学海无涯乐作舟！
10-13 2万+
实战项目中一个ajax方法截图 知识点一：jQuery初始化页面方式！  $(document).ready(function () {  alert("第一种方法。");  });  $(function () {  alert("第二种方法。");  });  jQuery(function ($) {  alert("第三种方法。");  });
springboot+vue 怎样实现前台传递添加数组传递给后台遍历后，添加到数据库
最新发布
04-01
1. 在前端使用 Vue 定义一个数组，用于存储要添加到数据库中的数据。 ```javascript data() { return { items: [], newItem: { // 定义要添加的数据结构 } } }, methods: { addItem() { // 添加数据到数组中 this.items.push(this.newItem); // 清空输入框 this.newItem = {}; }, submit() { // 发送数据到后台 axios.post('/api/addItems', this.items).then((response) => { // 处理返回结果 }).catch((error) => { // 处理错误 }); } } ``` 2. 在后端使用 Spring Boot 编写一个接口，用于接收前端发送的数据，并遍历添加到数据库中。 ```java @RestController @RequestMapping("/api") public class ApiController { @Autowired private ItemRepository itemRepository; @PostMapping("/addItems") public void addItems(@RequestBody List<Item> items) { for (Item item : items) { itemRepository.save(item); } } } ``` 3. 在数据库中创建对应的表和实体类，用于存储数据。 ```java @Entity @Table(name = "item") public class Item { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long id; private String name; private Integer price; // getters and setters } ``` 4. 在前端使用 Vue 绑定输入框，将用户输入的数据添加到数组中。用户可以点击“添加”按钮，将数据添加到数组中，并将数组发送到后台。后台接收到数据后，遍历数组，将数据添加到数据库中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值