uploadify ,前端页面获取值,json,ajax

时间:2020-12-15 19:17:08

针对这几月的技术,做一次小总结

上传控件uploadify

    function inexel() {
$("#btnExcel").uploadify({
'method': 'post',
'swf': 'js/uploadify/uploadify.swf',
'successTimeout': , //设置时间
'debug': false,
'auto': true,
'multi': false,
'uploader': 'AjaxSource/FileUpLoad.ashx', //加载成后的ashx页面
'buttonText': '导入', //文本值
'fileSizeLimit': '4MB', //文件大小
'width': ,
'height': ,
'fileTypeDesc': '支持的格式:',
'fileTypeExts': '*.xls;', //文本格式
'formData': { 'OPT': 'Inexenl' }, //参数值
'onFallback': function () {/*检测FLASH失败调用*/
alert("您未安装FLASH控件,无法选择文件!请安装FLASH控件后再试。");
},
'onUploadStart': function (file) { },
'onUploadSuccess': function (file, data, response) {
var f = $.parseJSON(data);
if (response) {
if (f.length > ) {
readExcel(f); //把加载后的值,读取后,返回页面table
}
} else {
alert("导入失败,请重新选择!");
}
}
});
}

uploadify

前台获取返回的json值

  //阅读execl文件
function readExcel(f) {
var trtd = "";
var tacout = ($("#tdui").find("tr").length) - ;
for (var i = ; i < f.length; i++) {
var na = f[i].names == undefined ? "" : f[i].names; //名字
var se = f[i].sexs == undefined ? "" : f[i].sexs; //性别
var phn = f[i].phones == undefined ? "" : f[i].phones; //电话
}
}

radio选中

if (tyw == '小孩') {
$('#typ_1').attr('checked', true); //年龄阶段
} else if (tyw == '成人') {
$('#typ_2').attr('checked', true);
} else if (tyw == '老人') {
$('#typ_3').attr('checked', true);
} else {
$('#typ_4').attr('checked', true);
}

<label><input name="txtkend" type="radio" id="typ_4" value="婴儿" />婴儿</label><label>
<input name="txtkend" id="typ_1" type="radio" value="小孩" checked="checked" />小孩</label><label><input
name="txtkend" type="radio" id="typ_2" value="成人" />成人</label>

其他数据后台返回json

 //确认的字符串是数据库读取的,自己定义
JObject qb = new JObject();
System.Xml.XmlDocument doc = new System.Xml.XmlDocument(); //客人名单信息
JArray jakr = new JArray();
JObject joker = new JObject();
int krert = ;
//团队信息
JArray jatd = new JArray();
JObject jotd = new JObject();
int tds = ;
if (string.IsNullOrEmpty(xmld) && string.IsNullOrEmpty(xmltd))
{
joker.Add("orderid", "kr");
jakr.Add(joker);
jotd.Add("orderid", "td");
jatd.Add(jotd);
}
else
{
if (!string.IsNullOrEmpty(xmlsor.ToString())) //客人名单
{
for (int i = ; i < xmlsor.Length; i++)
{
string kren = "<xmlkr>" + xmlsor[i] + "</xmlkr>";
doc.LoadXml(kren);//Name节点名称
XmlNode xn = doc.SelectSingleNode("xmlkr");
// 得到根节点的所有子节点
XmlNodeList node = xn.ChildNodes;
foreach (XmlNode xnd in node)
{
XmlElement xe = (XmlElement)xnd;
if (xe != null)
{
XmlNodeList nods = xe.ChildNodes;
krert += nods.Count;
if (krert > )
{
foreach (XmlNode ite in nods)
{
XmlElement xeh = (XmlElement)ite;
joker = new JObject();
joker.Add("orderid", xeh.GetAttribute("order").ToString());
joker.Add("kguestname", ite.SelectSingleNode("guestname").InnerText);
joker.Add("ksex", ite.SelectSingleNode("sex").InnerText);
joker.Add("kmobile", ite.SelectSingleNode("mobile").InnerText);
joker.Add("kpassport", ite.SelectSingleNode("passport").InnerText);
joker.Add("kvisa", ite.SelectSingleNode("visa").InnerText);
joker.Add("ktypepass", ite.SelectSingleNode("typepass").InnerText);
joker.Add("kcountry", ite.SelectSingleNode("country").InnerText);
joker.Add("ken", ite.SelectSingleNode("en").InnerText);
joker.Add("khit", ite.SelectSingleNode("hit").InnerText);
joker.Add("kguestuu", ite.SelectSingleNode("guestuu").InnerText);
jakr.Add(joker);
}
}
}
//if (!string.IsNullOrEmpty(xmlsor[0]))
//{
// list = xmlsor.ToList();
// list.RemoveAt(0);
// xmlsor = list.ToArray();
//}
}
}
}
if (!string.IsNullOrEmpty(xmltd)) //客人信息
{
doc.LoadXml(xmltd);//Name节点名称
XmlNode xn = doc.SelectSingleNode("GuestInfo");
// 得到根节点的所有子节点
XmlNodeList node = xn.ChildNodes;
tds = node.Count;
if (tds > )
{
foreach (XmlNode xnd in node)
{
jotd = new JObject();
XmlElement xe = (XmlElement)xnd;
if (xe != null)
{
XmlNodeList nodelist = xe.ChildNodes;
jotd.Add("orderid", xe.GetAttribute("order").ToString());
jotd.Add("guestname", xnd.SelectSingleNode("guestname").InnerText);
jotd.Add("sex", xnd.SelectSingleNode("sex").InnerText);
jotd.Add("mobile", xnd.SelectSingleNode("mobile").InnerText);
jotd.Add("passport", xnd.SelectSingleNode("passport").InnerText);
jotd.Add("visa", xnd.SelectSingleNode("visa").InnerText);
jotd.Add("typepass", xnd.SelectSingleNode("typepass").InnerText);
jotd.Add("country", xnd.SelectSingleNode("country").InnerText);
XmlNodeList elet = xe.GetElementsByTagName("en");
if (elet != null && elet.Count > )
{
string en = "";
en = xnd.SelectSingleNode("en").InnerText;
if (en != null && en.Length > )
{
jotd.Add("en", en);
}
else
{
jotd.Add("en", en);
}
}
else
{
jotd.Add("en", "");
}
jotd.Add("hit", xnd.SelectSingleNode("hit").InnerText);
jotd.Add("guestuu", xnd.SelectSingleNode("guestuu").InnerText);
jatd.Add(jotd);
}
}
} } }
int cout = ;
if (krert != || tds != )
{
//判断客人数组和团队数组的大小。如果客人数组长度大,则添加团队名单,否则,反之
if (krert > tds)
{
cout = krert - tds;
for (int i = ; i < cout; i++)
{
jotd = new JObject();
jotd.Add("orderid", "");
jotd.Add("guestname", "");
jotd.Add("sex", "");
jotd.Add("mobile", "");
jotd.Add("passport", "");
jotd.Add("visa", "");
jotd.Add("typepass", "");
jotd.Add("country", "");
jotd.Add("en", "");
jotd.Add("hit", "");
jotd.Add("guestuu", "");
jatd.Add(jotd);
}
}
}
qb.Add("kers", jakr);
qb.Add("tds", jatd);
////先读出客人订单,和团队订单,组成两个数组,最后组成obj ,返回前台对象,
////前台对象获取<订单号。身份证和名字。进行显示>
//Newtonsoft.Json.Linq.JObject oxml = Newtonsoft.Json.Linq.JObject.FromObject(doc);
//xm = oxml.ToString();ClassUU.ClassStrBase.DeleteHTMLCode(xm.ToString());
return qb.ToString();

其他数据前台json

 //数据加载
function loads() {
$.ajax({
url: "AjaxSource/TeamList.ashx?OPT=lkr&TeamID=" + $("#ted").val(),
type: "POST",
success: function (r) {
var td = $.parseJSON(r);
var kres = td.kers;
var tdy = td.tds;
// console.log(kres);
// console.log(tdy);
// .orderid != "kr" && d.tds
var ge = document.getElementById('tpl-ShopCart').innerHTML;
laytpl(ge).render(td, function (html) {
document.getElementById('divselect').innerHTML = html;
});
},
error: function (XMLHttpRequest, textStatus, errorThrown) { layer.msg('网络出现错误了!,请刷新重试或者联系管理员'); },
complete: function (XMLHttpRequest, textStatus) {
}
});
}

前台js模板是参照 layer模板

http://layer.layui.com/

大家可以去看看这个网址