添加引用：cors

using   system.web.http.cors

API添加这句话：       [EnableCors("*", "*", "*")]

api的控制器添加：           config.EnableCors();///自己写的

///////////////////批量添加前台

@{
    Layout = null;
}
@model List< model. stuMM>
<!DOCTYPE html>

<html>
<head>

<input id="moreadd" onclick="add()" class="btn btn-primary" type="button" value="批量添加" />
    <input id="save" onclick="saveadd()" type="button" class="btn btn-warning" value="批量保存" />
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <style>
      td{
            width:10px;
        }
    </style>
    <link href="~/Content/bootstrap.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-1.10.2.js"></script>
</head>
<body>
    <div>
        <table class="table table-bordered">
            <tr>
                <td >编号</td>
                <td >姓名</td>
                <td >学号</td>
                <td >年龄</td>              
            </tr>

<tbody id="tbody1">
               
               
            </tbody>
        </table>
    </div>
</body>
</html>

<script>
    show();
    //绑定数据
    function show()
    {
        debugger;
        $.ajax({
            url: "/show/getdate",
            type: "get",
            dataType: "json",
            success: function (data) {
                debugger;
                var str = '';
                for (var i = 0; i < data.length; i++) {
                    str+=" <tr>";
                    str+="<td>"+data[i].id+"</td>";
                    str+="<td>"+data[i].StuNamer+"</td>";
                    str+="<td>"+data[i].studyNumbe+"</td>";
                    str += "<td>" + data[i].Age + "</td>";
                    str += "<td>  <input id='del' type=\"button\" class=\"btn btn-primary\" onclick=\"del("+data[i].id+")\" value=\"删除\" /></td>";                 
                    str += "</tr>";
                }
                $("#tbody1").html(str);
            }
        })
    }
    ///删除
    function del(i)
    {
        location.href = '/show/del?id='+i;
    }               
    //添加   
    function add()
    {
        debugger;
        var ss = Date.now();
        var str = "";
        
        str += " <tr class=\"ss\" id='" + ss + "'>";
        debugger;
        str += "<td><input  type=\"checkbox\"   checked='checked' onclick='buxuan(" + ss + ")'  name=" + ss + " /></td>";
        str+="<td><input id=\"Text2\" type=\"text\"  /></td>";
        str+="<td><input id=\"Text3\" type=\"text\" /></td>";
    
        str += "<td><input id=\"Text4\" type=\"text\" /></td>";
        str += "<td><input  type=\"button\" onclick=\"dels(" +ss + ")\" value=\"删除行\" /></td>";
        str+="</tr>";

$("#tbody1").append(str);
      //  alert(str);
    }
    //批量保存
    function saveadd()
    {
        debugger;
        var arry = [];//建立数组
        $(".ss").each(function () {   //循环

if($(this).children().eq(0).children().first().prop("checked")==true)  //记住了true
            {
               // alert($(this).children().eq(0).children().first().attr("checked"));
                debugger;
                var ss = $(this).children().eq(1).children().first().val();
                var sss = $(this).children().eq(2).children().first().val();
                var ssss = $(this).children().eq(3).children().first().val();

//StuNamer n
                //studyNumbe
                //Age int
                arry.push(JSON.stringify({ StuNamer: ss, studyNumbe: sss, Age: ssss }));

}
          
            //console.log(arry);
        })

debugger;
        $.ajax({
            url: "/show/add",
            type: "post",
            traditional: true,
            contentType: "application/x-www-form-urlencoded; charset=utf-8",
            dataType: "json",
            data: { arry: arry },
            success: function (data) {

if(data>0)
                {
                    alert("添加成功!");
                    show();
                }

}
        })

}

//不选
    function buxuan(id)
    {
        debugger;
        // alert(  $(id).siblings().eq(0));
      //  $("input[name='" + id + "']").prop("checked", "");
       // alert(  $("input[name='" + id + "']").prop("checked"));
      
    }

//删除行

function dels(i)
    {
        debugger;
        $("#" + i).remove();
    }
</script>

///////////////////批量添加后台

using Newtonsoft.Json;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Data.SqlClient;
using System.Data;
using model;

namespace _11yue16rikao.Controllers
{
    public class showController : Controller
    {
        // GET: show
        public ActionResult Index()
        {
            stuMM MM = new stuMM();
            ViewBag.ms = MM;
            var data = new DAL.stuDAL().getdata();
            return View(data);
        }

/// <summary>
        /// 获取数据
        /// </summary>
        /// <returns></returns>
        public string getdate()
        {
            var data = new DAL.stuDAL().getdata();

var data2 = JsonConvert.SerializeObject(data);
            return data2;
        }

/// <summary>
        /// 分页
        /// </summary>
        /// <returns></returns>
        public void asas()
        {
            SqlConnection con = new SqlConnection("Data Source=.;Initial Catalog=Students;Integrated Security=True");
            SqlCommand cmd = new SqlCommand("proc_find_stu", con);
            cmd.CommandType = CommandType.StoredProcedure;//指定执行的是存储过程

SqlParameter startId = new SqlParameter("@startId",1);

SqlParameter endId = new SqlParameter("@endId", 6);

SqlParameter outID = new SqlParameter("@outID",SqlDbType.Int);
            outID.Direction = ParameterDirection.Output;//指定是输出参数

cmd.Parameters.Add(startId);
            cmd.Parameters.Add(endId);
            cmd.Parameters.Add(outID);

SqlDataAdapter da = new SqlDataAdapter(cmd);

DataTable tb = new DataTable();
            da.Fill(tb);

var i = outID.Value;  //获取id的值，就是条数

}

[HttpPost]
        public ActionResult add(string[] arry)  //字符数组
        {
        
            var str = " insert into student values ";
            // var definition = new { StuNamer = "", studyNumbe = 0, Age = "" };//匿名类              
            stuMM mm = new stuMM();   //实例化stuMM类              
            var data = arry;

var ass = "";
            for (int i = 0; i < data.Length; i++)
            {
                 ass = data[i];//获取当前行的字符串
                var person1 = JsonConvert.DeserializeAnonymousType(ass, mm);//把json转换为mm类               
                str += "( '"+person1.StuNamer+"','"+person1.studyNumbe+ "', '" + person1.Age + "') ,";

}

//var ss = str.Replace('}',' ') ;  //把最后的}替换为空

//int chu = ss.LastIndexOf(',');
            //var sss = ss.Substring(0,chu-1);
            //var sql=   sss.Replace('"','\'');
            int chu = str.LastIndexOf(',');
            var sss = str.Substring(0,chu-1);
            int cg = new DAL.stuDAL().add(sss);

return Content(cg.ToString());

}

/// <summary>
        /// 删除
        /// </summary>
        /// <param name="id"></param>
        /// <returns></returns>
        public ActionResult del(int id)
        {
            int i = new DAL.stuDAL().del(id);

return Content("<script>alert('删除成功');location.href='/show/Index'</script>");
        }
    }
}

、

API ,批量添加的更多相关文章

  1. 百度地图API 批量添加 带检索功能的信息窗口

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. zabbix利用api批量添加item，并且批量配置添加graph

    关于zabbix的API见,zabbixAPI 1item批量添加 我是根据我这边的具体情况来做的,本来想在模板里面添加item,但是看了看API不支持,只是支持在host里面添加,所以我先在一个ho ...

  3. Python调用zabbix API批量添加主机 (读取Excel)

    本文转载自:http://blog.mreald.com/178 Zabbix可以通过自发现添加主机,不过有时候不准确,通过API添加会更加准确! 脚本使用的跟zabbix相关的内容.参考的是zabb ...

  4. 利用Dnspod api批量更新添加DNS解析【python脚本】 - 推酷

    利用Dnspod api批量更新添加DNS解析[python脚本] - 推酷 undefined

  5. 通过zabbix自带api进行主机的批量添加操作

    通过zabbix自带api进行批量添加主机 我们需要监控一台服务器的时候,当客户端装好zabbix-agent端并正确配置以后,需要在zabbix-server的web gui界面进行添加zabbix ...

  6. gitlab api批量操作 批量添加用户

    import os,time import requests,json # def downloadFile(name, url): # headers = {'Proxy-Connection': ...

  7. Zabbix 4.0 API 实践，主机/主机群组 批量添加模板和删除模板

    场景 我们日常在管理Zabbix 的时候,经常会需要批量添加模板和批量删除模板,Zabbix页面是提供的批量链接的功能,但是它链接的也只是当前页的主机,我们想扩展这个功能,在链接的时候,可以批量链接整 ...

  8. 数据快速批量添加到Elasticsearch

    如何把数据快速批量添加到Elasticsearch中 问题来源 最近新做一个项目,有部分搜索比较频繁的数据,而且量级比较大,预计一两年时间很可能达到100G,项目要求不要存在数据库中,最终出来有两个方 ...

  9. 微信jssdk批量添加卡券接口

    1)首先是官方接口文档: 1.批量添加卡券接口:https://mp.weixin.qq.com/wiki?action=doc&id=mp1421141115&t=0.0861973 ...

随机推荐

  1. linux 配置msyql

    下面记录了如何在ubuntu16.04上安装mysql5.7的方法. sudo apt install mysql-server 安装时会让你输入mysql root用户的密码,并确认密码 sudo ...

  2. LESS+to+MCSS

    此文已由作者郑海波授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验 一.前言 虽然首页没有开始做,昨天仍决定将[MCSS](https://github.com/NetEaseW ...

  3. 安卓 往SD卡里写文件不能及时更新的问题

    我们做Android开发时奖保存图片到SD卡,但是Gallery中不能及时显示 下面我找到了问题所在然后解决了这个问题. 当保存图片后打开gallery时,有的会自动给你刷新,有的不行,这样就导致图片 ...

  4. ElasticSearch基本查询

    词条查询 这是一个简单查询.它仅 匹配给定字段中包含该词条的稳定,且是2未经分析的确切的词条. { “query” :{ “term”:{ “title”:”crime” } } } 多词条查询 匹配 ...

  5. 【FAQ】Maven 本地仓库明明有jar包，pom文件还是报错解决办法

    方法一: 找到出错的jar包文件位置,删掉_maven.repositories文件 方法二: maven中的本地仓库的index索引没有更新导致 解决方案: 在eclipse中打开菜单 window ...

  6. （一）Python装饰器的通俗理解

    在学习Python的过程中,我相信有很多人和我一样,对Python的装饰器一直觉得很困惑,我也是困惑了好久,并通过思考和查阅才能略有领悟,我希望以下的内容会对你有帮助,我也努力通过通俗的方式使得对Py ...

  7. 通过API方式查看Azure Sign-ins记录

    经确认,目前Sign-ins功能在中国区还没有开通.也没有相关的预计开通时间.您可以通过如下链接随时关注China Azure的最新公告:https://www.azure.cn/zh-cn/what ...

  8. Java_多线程

    线程(Thread) 1.线程是CPU进行资源调度的最小单位 2.线程是进程实际运行的单位,处理进程中无数的小任务 3.线程共享代码和数据空间 4.一个进程可以并发多个线程,线程之间切换系统开销很小 ...

  9. 初识gulp

    之前一段时间学习使用了gulp自动化构建工具,并在现在使用的项目上部署使用,同时在这做个笔记进行小结,以便加深记忆,如有理解错误的地方请不吝赐教 gulp 的解释我就不多说了 这里引用官网的一句话   ...

  10. redhat基本操作

     实验:安装redhat   需求:使用DVD镜像文件rhel-server-6.5-x86_64-dvd.iso,在虚拟机中安装RHEL 6系统 分区方案选择“使用所有空间”. 软件组选择“基本服务 ...