添加引用：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. JavaScript多个音频audio标签，点击其中一个播放时，其他的停止播放

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. Vue 框架 笔记

    1.兼容 2.性能优化   vuejs ******作者:尤雨溪 *** *******MVVM框架: M:model层 数据层 数据的增删改查 V:view视图层 类似于html的模板 vm:vie ...

  3. git简易入门(github)

    本文讲解下git的使用,包括使用git上传项目工程到github,以及错误解决. 1.安装git 使用apt-get安 sudo apt-get update sudo apt-get install ...

  4. python基础知识梳理----5dict 字典的应用

    内容简介: 1:字典简介 2:字典的增删该查 3:字典嵌套 1: 字典(dict)是python中唯一的一个映射类型.他是以{ }括起来的键值对组成. 在dict中key是唯一的. 在保存的时候, 根 ...

  5. vue重构后台管理系统调研

    Q4要来了,我来这家公司已经一个季度了,通过对公司前端框架的整体认识,对业务的一些认识,发现,这些东西也都是可以重构,无论是v2,还是v3的代码. 首先就要那后台管理来开刀来,现有的技术框架就是php ...

  6. psp0级报告

    计划 1.1需求描述: 现在市场上有很多的面向小学生的题卡,但是这习题卡不但价格昂贵,而且每次做题的内容基本都是固定.针对这些问题,开发出了这款网页在线答题系统,每次的题目都有所不同,可以跟快更好提高 ...

  7. i2c_smbs 函数

    i2c_smbus系列函数有: s32 i2c_smbus_read_byte(const struct i2c_client *client); s32 i2c_smbus_write_byte(c ...

  8. java连接SqlServer2012

    要用java连接数据库  首先是要通过JDBC驱动 要先去下载一个sqljdbc4.jar,我这里放百度云盘了, 下载地址:链接:http://pan.baidu.com/s/1slJl89B 密码: ...

  9. go 语言学习 1

    Go语言命名 Go语言关键字 1.Go语言有25个关键字: 2.关键字用途: var :用于变量的声明const :用于常量的声明type :用于声明类型func :用于声明函数和方法package ...

  10. 安卓手机移动端Web开发调试之Chrome远程调试(Remote Debugging)

    一.让安卓打debug模式的apk包 二.将电脑中的chrome升级到最新版本,在chrome浏览器地址栏中输入chrome://inspect/#devices: 在智能手机还未普及时,移动设备的调 ...