<!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>
<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 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);
})
}
})
//保存
$("#btnSave").click(function () {
var formData = new FormData();
formData.append("file", $("#File1")[0].files[0]);
if ( $("#File1")[0].files[0]==null) {
alert("请选择图片");
return;
}
$.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 o = {
NetName:$("#txtName").val(),
NetAge:$("#txtAge").val(),
NetSex:Radio1.checked?1:0,
NetHobby:arr.toString(),//数组一定要变成字符串
NetImgUrl:"../Img/"+$("#File1")[0].files[0].name,
NetDate:$("#txtDate").val(),
NetRemark: ue.getContentTxt(),
NetRemark2: encodeURI(ue.getContent()),
TypeId: $("#Select1").val()
}
$.ajax({
url: "../Ashx/Add.ashx",
data: { obj: JSON.stringify(o) },
type: "post",
success: function (data)
{
if (data>0) {
alert("成功");
location.href = 'List.html';
}
}
})
}
</script>