<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="../Content/jquery-3.1.1.js"></script>
<link href="../Content/bootstrap.css" rel="stylesheet" />
<!--日期-->
<script src="../Content/My97DatePicker/WdatePicker.js"></script>
<script src="../Content/My97DatePicker/lang/en.js"></script>
<!--富文本-->
<script src="../Content/ueditor/ueditor.config.js"></script>
<script src="../Content/ueditor/ueditor.all.js"></script>
<script src="../Content/ueditor/lang/en/en.js"></script>
<!--上传图片-->
<script src="../Content/jquery.fileupload.js"></script>
</head>
<body>
<table>
<tr>
<td>姓名</td>
<td><input id="txtName" type="text" /></td>
</tr>
<tr>
<td>年龄</td>
<td><input id="txtAge" type="text" /></td>
</tr>
<tr>
<td>性别</td>
<td>
<input id="Radio1" type="radio" name="sex" checked="checked" />男
<input id="Radio2" type="radio" name="sex" />女
</td>
</tr>
<tr>
<td>爱好</td>
<td>
<input id="Checkbox1" type="checkbox" name="hobby" value="跑步" />跑步
<input id="Checkbox1" type="checkbox" name="hobby" value="跳舞" />跳舞
<input id="Checkbox1" type="checkbox" name="hobby" value="唱歌" />唱歌
<input id="Checkbox1" type="checkbox" name="hobby" value="敲代码" />敲代码
</td>
</tr>
<tr>
<td>头像</td>
<td><img src="" alt="" style="width:100px;height:100px" id="img1"/>
<input id="File1" type="file" />
</td>
</tr>
<tr>
<td>出生日期</td>
<td><input id="txtDate" type="text" onclick="WdatePicker()" /></td>
</tr>
<tr>
<td>简介</td>
<td><textarea id="TextArea1" rows="2" style="width:900px;height:280px" cols="20"></textarea></td>
</tr>
<tr>
<td>平台</td>
<td>
<select id="Select1">
<option value="请选择">请选择</option>
</select>
</td>
</tr>
<tr>
<td></td>
<td><input id="btnSave" class="btn-primary" type="button" value="保存" /></td>
</tr>
</table>
</body>
</html>
<script>
var p=location.href;
var index=p.indexOf('=')+1;
var id=p.substring(index);
var ue = UE.getEditor("TextArea1");
//绑定下拉列表
$.ajax({
url: "../Ashx/BandSel.ashx",
dataType: "json",
success: function (data) {
$(data).each(function () {
var op = ' <option value="' + this.Id + '">' + this.NetTypeName + '</option>';
$("#Select1").append(op);
})
fantian();//反填
}
})
//反填
function fantian() {
$.ajax({
url: "../Ashx/List.ashx",
data: { name: "", typeId: "请选择", id: id },
dataType: "json",
success: function (data) {
var d = data[0];
$("#txtName").val(d.NetName);
$("#txtAge").val(d.NetAge);
if (d.NetSex.toString()=="false") {
Radio2.checked=true;
}
$("#txtDate").val(d.NetDate)
img1.src=d.NetImgUrl;
ue.addListener("ready",function(){
ue.setContent(decodeURI(d.NetRemark2));//富文本
})
$("[name=hobby]").each(function(){
if (d.NetHobby.toString().indexOf(this.value)>-1) {
this.checked=true;
}
})
$("#Select1 option").each(function () {
if (d.TypeId.toString().indexOf(this.value) > -1) {
this.selected = true;
}
})
}
})
}
//保存
$("#btnSave").click(function () {
var formData = new FormData();
formData.append("file", $("#File1")[0].files[0]);
if ($("#File1")[0].files[0] == null) {
saveData();
} else {
$.ajax({
url: "../Ashx/ImgLoad.ashx",
type: 'POST',
data: formData,
// 告诉jQuery不要去处理发送的数据
processData: false,
// 告诉equerry不要去设置Content-Type请求头
contentType: false,
beforeSend: function () {//发送之前
console.log("正在进行,请稍候");
},
success: function (data) {
if (data == 1) {
saveData();//保存
} else {
console.log("上传失败");
}
},
error: function (responseStr) {
console.log("error");
}
});
}
})
function saveData() {
var arr = [];
$("[name=hobby]:checked").each(function () {
arr.push(this.value);
})
var path=img1.src;
if ($("#File1")[0].files[0]!=null) {
path="../Img/" + $("#File1")[0].files[0].name;
}
var o = {
Id:id,
NetName: $("#txtName").val(),
NetAge: $("#txtAge").val(),
NetSex: Radio1.checked ? 1 : 0,
NetHobby: arr.toString(),//数组一定要变成字符串
NetImgUrl: path,
NetDate: $("#txtDate").val(),
NetRemark: ue.getContentTxt(),
NetRemark2: encodeURI(ue.getContent()),
TypeId: $("#Select1").val()
}
$.ajax({
url: "../Ashx/Upt.ashx",
data: { obj: JSON.stringify(o) },
type: "post",
success: function (data) {
if (data > 0) {
alert("成功");
location.href = 'List.html';
}
}
})
}
</script>