版权声明：原创文章 转载注明出处 https://blog.csdn.net/ssd21988/article/details/86518129
Xutao.js ——专为MVC项目定制的JS
在做MVC项目的过程中，其实有许多的方法或需求是常见
于是……，‘勤奋’的我直接写了个简单的插件,虽然实现的功能很简单，但需要的时候用起来还是很方便的。
Xutao.js：https://xutao-1256687803.cos.ap-guangzhou.myqcloud.com/xutao.js/Xutao .js
//使用：https://xutao-1256687803.cos.ap-guangzhou.myqcloud.com/xutao.js/Xutao%20.js
//直接引入上面链接即可 **须先引入jQuery**
<scrip src="https://xutao-1256687803.cos.ap-guangzhou.myqcloud.com/xutao.js/Xutao%20.js"></script>
功能说明：
自带简单的错误提示功能
在使用过程中出现问题请记得打开控制器方便处理错误
必要的参数为空！--Xutao.js |appendOptionclass @id=zgxl url=
错误提示 |当前使用的方法 @传入参数的值
1.时间类型转化 datecon
2.绑定下拉框 appendOptio
3.获取当前时间 datetimexu
4重置指定元素下的表单 inclean
5 随机数字 sjNumber
6 范围数字 sjRange
7 随机数组 sjArray
8 提交需转换或无法获取的form表单数据 putform
1.时间类型转化 datecon
可将数据库传来的date型数据转换成 年 月 日 格式的数据
datecon（date , i）
//参数data(必须)： 续转换的时间
//参数i (可选) ：返回的类型，
//1:默认 年-月-日 2:时:分 3:年-月-日 时:分 4:数组
实例：
1.var date = datecon("/Date(1533203187560)/");//返回2018-08-02
2.var date = datecon("/Date(1533203187560)/",2);//返回17:46
3.var date = datecon("/Date(1533203187560)/",3);//返回2018-08-02 17:46
4.var date = datecon("/Date(1533203187560)/",4);
//返回 2018,08,02,17,46,27 可打开控制台查看具体数据
//第四种方法返回的数组可自由拼接 例： str = a[2] + '-' + a[3] + '-' + a[4];
2.绑定下拉框 appendOptio
这个来自老师教的方法稍微改了一下，可使用id绑定也可以使用class绑定。
通过class绑定，一次可绑定多个相同的下拉框
appendOptio（id , url）;//通过id绑定
appendOptioclass（class , url）;//通过class绑定
//参数class/id (必须)：元素的class/id
//参数url (必须)：请求的路径
实例：
appendOptionclass("zgxl", "xlxlk");
//调用一次即可绑定相同的下拉框
//*appendOptionclass要给相同的下拉框定义相同的class
//控制器代码
//查询并返回绑定的数据（id,name）
public ActionResult xlxlk()
{
var list = mymodels.D_DictionariesTable.Where(m => m.DictionariesID == 16).ToList()
.Select(m => new { id = m.DictionariesTableID, name = m.TableName }).ToList();
return Json(list, JsonRequestBehavior.AllowGet);
}
效果：
3.获取当前时间 datetimexu
于第一个方法类似，不过是快速的获取当前的时间
datetimexu（i）;
//参数i (可选)：返回的类型，
//1默认 年-月-日 2. 时:分 3， 年-月-日 时:分 4.数组
实例：
$("#da01 ").val(datetimexu());
$("#da02").val(datetimexu(2));
$("#da03").val(datetimexu(3));
$("#da04").val(datetimexu(4));
//第四种方法返回的数组可自由拼接 例：str = a[0] + '年' + a[1] + '月' + a[2];
4重置指定元素下的表单 inclean
重置指定元素下所有的文本框，单选框，复选框，下拉框。
用户在填写完表单后往往需要重置表单，使用这个方法即可快速重置。
inclean（id）;
//参数id (必须)：指定元素的ID
<div style="flex: 1;" class="lie" id="cldiv">
<span for="">昵称</span>
<input type="text" style="margin-top: 10px;" id="hqnc" value="丘秋"><br>
<span for="">女</span>
<input type="radio" name="ss" style="margin-top: 10px;" id="das" value="女">
<span for="">男</span>
<input type="radio" name="ss" style="margin-top: 10px;" id="asd" value="男"><br>
<span for="">是 否 加 密</span><input style="margin-left: 10px;" type="checkbox" /><br>
<span for="">学历2</span>
<select class="zgxl" style="width:19%;">
<option value="0">--请选择---</option>
<option value="1">--重本---</option>
</select>
</div>
实例：
inclean("cldiv");
//重置id为cldiv下所有文本框，单选框，复选框，下拉框
5 随机数字 sjNumber
用于获取随机的数字,常用于随机编号等数据生成·
sjNumber（i）;
//参数i (可选)：定义返回随机数的位数 （默认为1），不能超过16；
实例：
var num = sjNumber(6);//返回908909
6 范围数字 sjRange
与上一个的区别是在一个范围内随机返回
sjRange（k , j）; //* K不能小于J
//参数k(可选)：定义开始的范围；
//参数j(可选)：定义结束的范围；
//如k为空则默在10之内随机抽取，
//如j为空 则 在0~k的范围内随机抽取。
实例：
var num = sjRange(20,100);//返回47
7 随机数组sjArray
随机在指定数组内抽取一条数据
sjArray（a）;
//参数a(必须) ：随机抽取的数组；
实例：
var array = ["战士", "刺客", "射手", "坦克", "法师"];
var jg= sjArray(array);//返回 "法师"
8 提交需转换或无法获取的form表单数据 putform
在使用form表单直接提交时往往部分不是表单内的数据无法直接提交到控制器，只需使用该方法就可以让form表单像getJson一样直接提交想要的数据
putform(id , name , data);
//参数id (必须) ： form表单ID
//参数name (必须): 数据name值，即数据库字段名称
//参数data (必须): 具体的数据
实例1：
//这里获取复选框是否选中
var dd = $("#sfnz").is(":checked");
//在提交数据前将复选框的值用该方法转换
putform("ryglfo", "Inlay",dd);
//提交form表单
$("#ryglfo").ajaxSubmit(function (msg) {});
实例2：
//这里的字段是编号，页面并没有该数据，此时的数据是用sjNumbe生成随机数字的方法生成的六位编号
//这种需要处理的数据都可以直接和form表单一起提交过去。
putform("ryglfo", "Number","BH_"+sjNumber(6));
//最后提交form表单
$("#ryglfo").ajaxSubmit(function (msg) {});
//数据保存成功！
Number 刚刚随机生成的编号 Inlay复选框的值
数据成功传入控制器
