ssh ajax、FormData的使用

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("保存失败");
	}


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值