添加引用：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. openstack kolla 部署---不同的节点采用不同的物理接口

    在 /etc/kolla/globals.yml 文件中删除 neutron_external_interface  tunnel_interface  api_interface  storage_ ...

  2. HTML防止input回车提交表单

    原链接:https://blog.csdn.net/ligang2585116/article/details/44699567 自动提交情况说明: 1.默认情况下,单个输入框,无论按钮的type=& ...

  3. “全栈2019”Java异常第二章：如何处理异常？

    难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"Java异 ...

  4. Error: Cannot find module 'gulp-sass'

    刚才首次启动ionic的时候,给我报了个这:Error: Cannot find module 'gulp-sass' 应该是缺少gulp-sass模块了,可又不敢贸然装,直接百度: stackove ...

  5. python3字典：获取json响应值来进行断言的用法详解

    在Python中我们做接口经常用到一些json的返回值我们常把他转化为字典,在前面的python数据类型详解(全面)中已经谈到对字典的的一些操作,今天我们就获取json返回值之后,然后转化为字典后的获 ...

  6. Java初学者的学习路线建议

    java学习这一部分其实也算是今天的重点,这一部分用来回答很多群里的朋友所问过的问题,那就是我你是如何学习Java的,能不能给点建议?今天我是打算来点干货,因此咱们就不说一些学习方法和技巧了,直接来谈 ...

  7. 转一下大师兄的"MySQL高可用架构之MHA"

    简介: MHA(Master High Availability)目前在MySQL高可用方面是一个相对成熟的解决方案,它由日本DeNA公司youshimaton(现就职于Facebook公司)开发,是 ...

  8. Objective-C语法之类和对象

    https://blog.csdn.net/totogo2010/article/details/7708731 Objective-C语法之类和对象 2012年07月02日 17:19:42 知行合 ...

  9. datetime之 utcnow 和now的用法

    from datetime import datetime print(datetime.now()) 本地时间 print(datetime.utcnow()) 国际时间

  10. WPF实现WORD 2013墨迹批注功能

    1 前言 WORD 2013可以使用墨迹在文档上面标注,本文讲述通过WPF第三方控件实现类似主要功能如下: 名称 描述 墨迹标注 不论是否触摸屏环境下可以开始墨迹功能,并实现鼠标/触摸在文档任意位置绘 ...