ajax使用:
<button type="button" class="btn btn-primary" οnclick="btnAddBook()">保存</button> <form class="form-horizontal" action="${ctx}/book/addBook.do" id="frBook" enctype="multipart/form-data" method="post"></form> function btnAddBook(){ if(”判断数据是否为空“){ $("#txtContentIntroduce").val($("#summernote").summernote("code")); var formData = new FormData($("#frBook")[0]);//frBook为表单的ID 获取表单下所有的数据 $.ajax({ url: "${ctx}/book/addBook.do",//提交路径 //这里的需要Struts.xml的<action/>的name属性一致。 type: 'POST', data: formData, //传递表单下的所有数据 async: false, cache: false, contentType: false, processData: false, dataType:"json",//返回的数据类型 //成功是调用的方法 success: function (returndata) { //获取Action返回的数据用 data.Action中的属性名 获取 alert("123"); }, error: function (returndata) { alert("789"); } }); }else{ alert("数据有空"); } }
from使用:
* 保存 */ function save() { var formdata = new FormData(); var bookID = $("#bookID").val(); var bookImage = $("#bookImage").val(); var bookNameForm = $("#bookNameForm").val(); var bookNumberForm = $("#bookNumberForm").val(); var bookTypeIDForm = $("#bookTypeIDForm").combobox("getValue"); var priceForm = $("#priceForm").val(); var totalForm = $("#totalForm").val(); var remainingForm = $("#remainingForm").val(); var bookIntroForm = $("#bookIntroForm").val(); formdata.append("book.bookID", bookID); formdata.append("book.image", bookImage); formdata.append("book.bookName", bookNameForm); formdata.append("book.bookNumber", bookNumberForm); formdata.append("book.bookTypeID", bookTypeIDForm); formdata.append("book.price", priceForm); formdata.append("book.total", totalForm); formdata.append("book.remaining", remainingForm); formdata.append("book.bookIntro", bookIntroForm); var Request = new XMLHttpRequest(); Request.addEventListener("load", uploadComplete, false); Request.addEventListener("error", uploadFailed, false);//监听错误 Request.open("POST", url); Request.send(formdata); } function uploadComplete(evt) { alert("保存成功"); } function uploadFailed(evt) { alert("保存失败"); }