解释点击切换按钮代码

开发工具与关键技术：VS, ASP.NET MVC
作者：谭威
撰写时间：2019年5月3日
首先，在这里我得先展示效果吧（嗯，恐怕我都没法看懂标题）：

从上面两图中，我们可以看到两个按钮，假设这个按钮的起始状态是黄色的作废，我现在运用下面的代码来点击这个按钮，这个按钮就会变成蓝色的启用，再点击一次就会变成黄色的作废，而我所要解释的就是这样的点击后来回切换按钮文字的代码；这里的颜色和文字都是在html代码中已经设置好了的，而我所要的就是当我点击后，按钮能随我点击而更改颜色和文字。

上图就是Visual Studio 2015视图中切换按钮的代码；当我们点击按钮时，这时，我所点击到的这条数据它将会传送userTypeId（这条数据的主键）和toVoidNo（这里启用对应的是true，作废对应的是false，当我们点击后，它会将原始状态的true或者是false传送过来），同时弹出提问框，提问框中的中文是由strMsg所决定的，这里我先声明strMsg为确认，接着我再拼接传送过来原始状态（这里运用三目运算，当原始状态为true时为启用，当原始状态为false时为作废），最后再拼接该用户类型，最终在提问框中显示成“确认启用/作废该用户类型”；当我们点击提问框中的取消时，提问框消失，不进行任何操作，当我们点击提问框中的确认时进入第二个函数，提问框消失，打开加载层后（加载层的目的是在Visual Studio 2015控制器操作完成前防止用户在操作），发送请求并传送参数；当请求返回时，进入第三个函数，关闭加载层，并根据返回来的jsonData.State是否为true，若为true，则页面刷新表格，这时页面的按钮状态也将改变，函数到此结束；若为false，页面则对应Visual Studio 2015控制器输出错误，函数到此结束。

上图就是Visual Studio 2015控制器的代码，这里我得先说明ReturnJsonVo这个自定义的类，这个类中有State（状态）、Code（状态码）、Text（文本）、Object（附加数据）这四个字段。

首先我先实例化ReturnJsonVo这个类，并让其状态为false，如果这个状态不改的话，每一次输出文本的状态都为false，所以后面若时为false的地方我都会不写，只有为true，才会去写上returnJson（实例化的名字）.State=true，只有这样写，在视图那边判断时，才能对应的输出正确的结果，接着我用try捕获异常，如果捕获异常时，就会跳的catch，输出参数异常，再根据传送过来的userTypeId查询到我要修改的那条数据，然后再把我所查询到的这条数据ToVoidNo改成我所传过来的toVoidNo，接着到数据库中修改该条数据，再判断数据库中的数据的变化是否大于零，大于零则输出更改成功，否则输出更改失败，然后再返回到视图中去。

这里我得先说明以下当数据库中的ToVoidNo为true时，那么在页面的ToVoidNo却是作废，然后当你点击作废时，传送过去的为false，提问框就会出现确认作废该用户类型，当你点确定后，数据库中你所要修改的那条数据的ToVoidNo改成我所传过来的toVoidNo（变成false），这时页面上显示的却是启用。