《项目经验》--通过js获取前台数据向一般处理程序传递Json数据，并解析Json数据，将前台传来的Json数据写入数据库表中(1)

于 2024-05-14 20:11:29 发布
阅读量598 收藏 12
点赞数 23
分类专栏： 程序员 文章标签： 物联网 嵌入式硬件 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_85015317/article/details/138868321
版权

img
img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上物联网嵌入式知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频，并且后续会持续更新

如果你需要这些资料，可以戳这里获取

                            </th>
                            <td>
                                <asp:TextBox CssClass="input-normal" ID="txtAddCourseName" runat="server" 
                                    Enabled="False"></asp:TextBox>
                                <%--隐藏控件，保存课程id--%>
                                <asp:HiddenField ID="hidFieldSaveCourseID" runat="server" />
                                <%--隐藏控件，保存教师、课程关系indexing--%>
                                <asp:HiddenField ID="hidFieldSaveIndexing" runat="server" />
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">
                                选择上课班：
                            </th>
                            <td>
                                <asp:DropDownList ID="ddlTeachClass" CssClass="input-normal" runat="server">
                                </asp:DropDownList>
                            </td>
                             <td>
                               <%-- <asp:Button ID="btnAddTeachClass" runat="server" Text="添加一个上课班" OnClick="btnAddTeachClass_Click" />--%>
                                 
                                  <input id="btnAddTeachClass" type="button" class="btn-lit" value="确认添加" οnclick="AddTeachClass()" />
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">
                                已选授课人数
                            </th>
                            <td>
                                <asp:TextBox CssClass="input-normal" ID="txtStuNum" runat="server" 
                                    Enabled="False"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">
                                学生姓名列表
                            </th>
                            <td>
                                <asp:ListBox ID="lsboxStudent" runat="server" Height="150px" Width="250px"></asp:ListBox>
                            </td>
                        </tr>
                       
                        <tr>
                            <th scope="row">
                                 <br />
                            </th>
                            <td>
                                <br />
                                 <%--<asp:Button ID="btnAddTeachCourse" class="btn-lit" runat="server" Text="确认添加" 
                                    οnclick="btnAddTeachCourse_Click" />--%>
                                <input id="btnAddTeachCourse" type="button" class="btn-lit" value="确认添加" οnclick="AddTeachCourse()" />
                            </td>
                        </tr>
                    </tbody>
                            </table>
                           
                        </div>
                    </div>
                </div>
            </td>




选择完学年学期、教师、课程、学生后，点击"确认添加"按钮，执行"添加授课信息"事件!
         ![](https://img-my.csdn.net/uploads/201302/21/1361452592_6331.gif)  
 


## **2.通过JS获取前台授课数据，并向后台一般处理程序传递**

//*授课点击事件//
//添加授课信息
function AddTeachCourse() {

//取得教师ID
var strTeacherID = $("#hidFieldSaveTeacherID").val();
//alert("教师ID="+txtTeacherID);


//取得课程ID
var strCourseID = $("#hidFieldSaveCourseID").val();
//alert("课程ID="+txtCourseID);
//取得上课班ID
var strTeachClassID = document.getElementById("ddlTeachClass");
var TeachClassID = strTeachClassID.options[strTeachClassID.selectedIndex].value; //得到ID
//取得课程分配的ID（Indexing）
var Indexing = $("#hidFieldSaveIndexing").val();
//取得学生数量
var stuNum = $("#txtStuNum").val();


//取得listbox框ID
var listStudent = document.getElementById("lsboxStudent");
//取得listbox框中元素长度
var lstStuLength = listStudent.options.length;
//    var objJsons="";
//    var StuArrayObj = new Array(); //创建一个数组,存储学生ID
// StuArrayObj[i] = StudentID; //向数组中添加学生ID

//*******************以下是：转换json对象的过程*************************//
var StuArrayObjs = [];  //定义一个空串
for (var i = 0; i < lstStuLength; i++) {

    var StudentID = listStudent.options[i].value; //取得学生ID

    var StuArrayObj = {};       //定义一个空对象，存入数据依次写入空串
    StuArrayObj["TeacherID"] = strTeacherID;             //教师ID
    StuArrayObj["CourseID"] = strCourseID;     //课程ID
    StuArrayObj["TeachClassID"] = TeachClassID;      //上课班ID
    StuArrayObj["Indexing"] = Indexing;              //课程分配ID
    StuArrayObj["StuNum"] = stuNum;       //学生数量
    StuArrayObj["StudentID"] = StudentID;         //学生ID

    StuArrayObjs.push(StuArrayObj);

}
var TeachCourseJsonString = JSON.stringify(StuArrayObjs);  // JSON.stringify() 转换为json串
//    var TeachCourseJson = eval("(" + TeachCourseJsonString + ")");  //转换为json对象
//    alert(TeachCourseJson[1].TeacherID);
//下面$.getJSON 可以传递成功，只是这样传递不能传递过长字符串
    $.getJSON("../handler/AddTeachCourse.ashx", { TeachCourseJson: TeachCourseJsonString }, function (data) {
        alert(data);
    });
//与AJAX交互，向一般处理程序传递json字符串数组，并返回结果
$.post("../handler/AddTeachCourse.ashx", { TeachCourseJson: TeachCourseJsonString }, function (data) {
    alert(data);
});

}


  

**以上有几个需要注意的地方：**

**2.1.转换JSON串使用**

JSON.stringify()



**2.2.JS向一般处理程序传递JSON使用**

//与AJAX交互，向一般处理程序传递json字符串数组，并返回结果
$.post(“要使用的一般处理程序路径”, { TeachCourseJson: TeachCourseJsonString }, function (data) {
alert(data);
});


  


## **3.一般处理程序解析JS传递过来的Json数据，并进行解析，写入DataTable中，然后写入数据库**


   

<%@ WebHandler Language=“C#” Class=“AddTeachCourse” %>
/*******************************************************************************
*文 件：AddTeachCourse.ashx
*作 者：mzj
*所属小组：评教小组
*文件说明：添加授课信息
*创建日期：2013年2月6日17:57:01
*修改作者：
*修改日期：
*修改描述：
*版 本 号：V1.0
*版本号变更记录：
********************************************************************************/
using System;
using System.Web;
using System.Collections.Generic;
using System.Linq;
using System.Data;

//json使用命名空间
using Newtonsoft.Json;
using Newtonsoft.Json.Linq;

using Newtonsoft.Json.Converters;

using System.IO;
using System.Text;

using TeachSystem.BLL.TeachingBLL;
using TeachSystem.Entity.TeachingEntity;

public class AddTeachCourse : IHttpHandler
{

public void ProcessRequest(HttpContext context)
{
    context.Response.ContentType = "text/plain";

    
    //创建一个名为ds_StuTeacherCourse的DataSet
    //(用于存放表：学生、教师、课程关系表，学生、上课班关系表，课程分配上课班关系表)
    DataSet dsStuTeacherCourse = new DataSet("ds_StuTeacherCourse");
    //手动创建的新数据表-学生、教师、课程关系数据表
    DataTable dtAddStudentTeaherCourse = new DataTable("dt_AddStudentTeaherCourse"); //创建一个名为dt_AddStudentTeaherCourse的DataTalbe
    //为dt_AddStudentTeaherCourse表内建立Column（表头）,添加数据列:StudentID，Indexing，IsAvailable
    dtAddStudentTeaherCourse.Columns.Add(new DataColumn("StudentID", typeof(string)));
    dtAddStudentTeaherCourse.Columns.Add(new DataColumn("Indexing", typeof(int)));
    dtAddStudentTeaherCourse.Columns.Add(new DataColumn("IsAvailable", typeof(string)));

    //手动创建的新数据表-学生、上课班关系数据表
    DataTable dtAddStudentTeachClass = new DataTable("dt_AddStudentTeachClass"); //创建一个名为dt_AddStudentTeachClass的DataTalbe
    //为dt_AddStudentTeachClass表内建立Column（表头）,添加数据列:StudentID，TeachClassID，IsAvailable
    dtAddStudentTeachClass.Columns.Add(new DataColumn("StudentID", typeof(string)));
    dtAddStudentTeachClass.Columns.Add(new DataColumn("TeachClassID", typeof(string)));
    dtAddStudentTeachClass.Columns.Add(new DataColumn("IsAvailable", typeof(string)));

    //手动创建的新数据表-课程分配、上课班关系数据表
    DataTable dtAddCourseTeachClass = new DataTable("dt_AddCourseTeachClass"); //创建一个名为dt_AddStudentTeachClass的DataTalbe
    //为dt_AddCourseTeachClass表内建立Column（表头）,添加数据列:TeachClassID，Indexing，IsAvailable
    dtAddCourseTeachClass.Columns.Add(new DataColumn("TeachClassID", typeof(string)));
    dtAddCourseTeachClass.Columns.Add(new DataColumn("Indexing", typeof(int)));
    dtAddCourseTeachClass.Columns.Add(new DataColumn("IsAvailable", typeof(string)));
    dtAddCourseTeachClass.Columns.Add(new DataColumn("OddEven", typeof(string)));
    dtAddCourseTeachClass.Columns.Add(new DataColumn("StuNum",typeof(int)));
    
    //获取前台传递过来的授课JSON字符串数组
    string ss = context.Request.Form["TeachCourseJson"];
    //反序列化获取的JSON字符串数组
    JArray javascript = (JArray)JsonConvert.DeserializeObject(ss);
    //依次遍历反序列化的json字符串数组
    for (int i = 0; i < javascript.Count; i++)
    {
        //将一个个反序列化的JSON字符串数组转换成对象，并将转换后的对象的值依次赋给各变量
        JObject obj = (JObject)javascript[i];
        string strTeacherID = obj["TeacherID"].ToString();                 //教师ID
        string strCourseID = obj["CourseID"].ToString();                   //课程ID
        string strTeachClassID = obj["TeachClassID"].ToString();           //上课班ID
        int intIndexing = Convert.ToInt32(obj["Indexing"].ToString());     //课程分配ID
        int intStuNum = Convert.ToInt32(obj["StuNum"].ToString());         //授课学生人数
        string strStudentID = obj["StudentID"].ToString();                 //学生ID

        //添加学生、教师、课程关系信息表的新行
        DataRow drAddStudentTeaherCourse = dtAddStudentTeaherCourse.NewRow();//注意这边创建dt的新行的方法。指定类型是DataRow而不是TableRow，然后不用new直接的用创建的DataTable下面的NewRow方法。
        //学生、教师、课程关系信息表对应的各列值
        drAddStudentTeaherCourse["StudentID"] = strStudentID;         //学生ID
        drAddStudentTeaherCourse["Indexing"] = intIndexing;           //课程分配ID
        drAddStudentTeaherCourse["IsAvailable"] = "是";
        dtAddStudentTeaherCourse.Rows.Add(drAddStudentTeaherCourse);  //将一整条数据写入表中

        //添加学生、上课班关系信息表的新行
        DataRow drAddStudentTeachClass = dtAddStudentTeachClass.NewRow();//注意这边创建dt的新行的方法。指定类型是DataRow而不是TableRow，然后不用new直接的用创建的DataTable下面的NewRow方法。
        //学生、上课班关系信息表对应的各列值
        drAddStudentTeachClass["StudentID"] = strStudentID;             //学生ID
        drAddStudentTeachClass["TeachClassID"] = strTeachClassID;       //上课班ID
        drAddStudentTeachClass["IsAvailable"] = "是";
        dtAddStudentTeachClass.Rows.Add(drAddStudentTeachClass);  //将一整条数据写入表中

    }
   
    
        JObject objs = (JObject)javascript[0];
      
        string strTeachClassIDs = objs["TeachClassID"].ToString();
        int intIndexings = Convert.ToInt32(objs["Indexing"].ToString());
        int intStuNums = Convert.ToInt32(objs["StuNum"].ToString());
        
       
       //添加课程分配、上课班关系信息表的新行
        DataRow drAddCourseTeachClass = dtAddCourseTeachClass.NewRow();//注意这边创建dt的新行的方法。指定类型是DataRow而不是TableRow，然后不用new直接的用创建的DataTable下面的NewRow方法。
        //课程分配、上课班关系信息表对应的各列值
        drAddCourseTeachClass["TeachClassID"] = strTeachClassIDs;
        drAddCourseTeachClass["Indexing"] = intIndexings;
        drAddCourseTeachClass["IsAvailable"] = "是";
        drAddCourseTeachClass["OddEven"] = null;
        drAddCourseTeachClass["StuNum"] = intStuNums;
        dtAddCourseTeachClass.Rows.Add(drAddCourseTeachClass);  //将一整条数据写入表中
        

    //将各表加入DataSet中:
    dsStuTeacherCourse.Tables.Add(dtAddStudentTeaherCourse);
    dsStuTeacherCourse.Tables.Add(dtAddStudentTeachClass);
    dsStuTeacherCourse.Tables.Add(dtAddCourseTeachClass);

    //将DataSet中数据表导入数据库
    Boolean flagImportStuTeacherCourse = new TeachCourseBLL().ImportStudentTeacherCourse(dsStuTeacherCourse);       
    //JsonReader reader = new JsonReader(new StringReader(jsonText))
    
    //string s = context.Request.Form["TeachCourseJson"];
    context.Response.Write(flagImportStuTeacherCourse);
    context.Response.End();

img
img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上物联网嵌入式知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频，并且后续会持续更新

如果你需要这些资料，可以戳这里获取

t.Response.End();

[外链图片转存中…(img-g0fspjR0-1715688666485)]
[外链图片转存中…(img-ZIO2Gqtv-1715688666486)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上物联网嵌入式知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频，并且后续会持续更新

如果你需要这些资料，可以戳这里获取

2401_85015317
关注
  • 23
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值