ajax如何提交form表单
@ajax里回调函数的3种加载方式
<1> window.location.reload(); //重新加载(不走url)
<2> window.location.href = "test2/loginInitialize"; //走url路径(但是后面不带参数)
<3> window.location.href = "test2/commentEdit?id="+id;//走url路径(后面带参数)
function deletes(id){
var id = id;
var url = "test2/deleteComment";
var data = {};
data.id = id;
$.ajax({
url: url,
data: data,
type: "POST",
dataType: "json",
success: function(data) {
debugger;
if(data.comid == 1){
window.location.reload(); //重新加载
window.location.href = "test2/loginInitialize"; //走url路径
window.location.href = "test2/commentEdit?id="+id;//走url路径(后面带参数)
}
}
});
};
@jquery和js一加载页面就初始化的多种方法
js:<1>window.onload=function(){
//要初始化的东西
}
<2>function winOnload() {
alert("初始化加载");
};
winOnload();
jquery:<1>$(function(){
alert("第二种方法。");
});
<2>$(document).ready(function(){
alert("第一种方法。");
});
<3>Query(function($) {
alert("第三种方法。");
});
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、 form表单
<form id="form1" name="form1">
<input type="hidden" name="fileindex" id="fileindex" value="${person.signUpUploadFile.fileindex}"/>
<input type="hidden" name="signupindex" id="signupindex" value="${person.signupindex}"/>
<input type="hidden" name="contactindex" value="${person.contacter.contactindex}" id="contactindex" />
<input type="hidden" name="type" id="type" value="${flag}"/>
<input id="mid" type="hidden" value="${pageStyle1.mid}" name="mid" />
<table width="910" border="0" cellspacing="0" cellpadding="0" class="table01">
<tr>
<td colspan="4" align="right">
<c:choose>
<c:when test="${flag == 6}">
<a onclick="saveAllPerson('repeatOrUpdatePerson')">保存</a>
</c:when>
<c:when test="${flag == 7}">
<a class="btn01" onclick="saveAllPerson('repeatOrUpdatePerson')">保存</a>
</c:when>
<c:otherwise>
<a onclick="saveAllPerson('person')" class="btn btn-green btn01">保存</a>
</c:otherwise>
</table>
</form>
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
<提交方式>
var urlstr = "../pageStyle/getPageStyleMID.shtml";
var o = $("#form1").serialize();
var mid=$("#mid").val();
$.ajax({
url: urlstr, //路径
data: {mid:mid}, //参数
type: "POST", // 用POST方式传输
dataType: "json", // 数据格式:text
success: function(data) {
if (data.result != 0) {
alert("对不起,账号已有,请修改!!!");
}
else{
$("form").attr("action", "../pageStyle/addPageStyle.shtml");
$("form").submit();
}
}
});
});
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
相当于action
@RequestMapping("getPageStyleMID.shtml")
public void getPageStyleMID(HttpServletRequest request, HttpServletResponse response,String mid){
HashMap<String,Object> resultMap = new HashMap<String,Object>();
PageStyle pageStyle;
try {
pageStyle = pageStyleService.getPageStyleMID(mid);
String result ="1";
if(pageStyle==null){
result="0";
}
logger.info("ajax请求时查询数据=="+pageStyle);
resultMap.put("result", result);
JSONObject json = JSONObject. fromObject(resultMap);
response.setContentType("application/json;charset=utf-8");
response.getWriter().write(json.toString());
} catch (IOException e) {
e.printStackTrace();
}
}