1. 后端数据回显到下拉框选项
/*前端代码*/
<select name="scope" id="scope">
<option value="-1">--请选择--</option>
<option value="0">社团内部</option>
<option value="1">校级</option>
</select>
/*js代码*/
<script type="text/javascript">
$(function(){
$("#scope").find("option[value='${actSend.scope}']").attr("selected","true");
});
</script>
实现效果:
2. 表单属性封装成JSON字符串传到后台处理
<script type="text/javascript">
$(function(){
$("#submitBtn").click(function(){
var send = confirm("是否确认发布活动?")
if(send==true){
/*将表单的属性序列化,封装成一个对象*/
var sAct = $("#sendActForm").serializeJSON();
/*将封装的对象转为JSON字符串,可打印显示出来*/
console.log(JSON.stringify(sAct));
$.ajax({
/*可以在请求地址后面传递其他参数*/
url:"${pageContext.request.contextPath}/publishAct?uid=${login.id}",
type:"post",
async:false,
contentType:"application/json",
data:JSON.stringify(sAct),
success:function(data){
/*这里我的返回值类型是一个map对象*/
if(data.result == "success"){
alert('发布活动申请成功!');
} else {
alert('活动发布申请失败!请重试!');
}
},
error:function(e){
alert("请求出错!!!" + e);
}
});
}
else
alert('no');
});
});
</script>