0
点赞
收藏
分享

微信扫一扫

Ajax传输form对象和数组的方法

白衣蓝剑冰魄 2022-04-18 阅读 63
AJAX
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<form action="" method="post" >
		<div><span>图书名称</span><input type="text"		name="name" /></div>
		<div><span>图书作者</span><input type="text"  name="author"/></div>
		<div><span>购买日期</span><input type="date"  name="time"/></div>
		<div><span>图书类别</span><select name="type">
		<option checked="checked" value="0">请选择分类</option>
		<option value="1">计算机/软件</option>
		<option value="2">小说/文摘</option>
		<option value="3">杂项</option>
		</select>
		</div>
		
	</form>	
<button id="bt" onclick="add()">增加</button>

</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">

function add() {
var data = {};
//第一种方式是jq   name选择器
//jq方法

var formobject= $('form').serializeArray()//数组
$(formobject).each(function(){
    if(data[this.name]){
    	data[this.name]+=';'+this.value;
    }else{
    	data[this.name]=this.value;
    }
});
console.log(data);
for ( var i in data) {
	if(data[i].trim()==""){
		alert("请补全信息");
		return;
	}
}
if(data.type=="0"){
	alert("请选择图书类型");
	return;
}

	if(true){
		$.ajax( {
		    "url"            :  "addServlet",                      // 要提交的URL路径
		    "type"         :  "post",                     // 发送请求的方式
		    "data"         :  data,                      // 要发送到服务器的数据
		    "dataType" :  "text",                   // 指定传输的数据格式
		    "success"  :  function(result) {// 请求成功后要执行的代码
		    	console.log(result);
		    	
			  if(result=="true"){
				  alert("添加成功");
				  
				  window.location.href="index.jsp";
			  }else{
				  
			  }
		    	
		    },
		     "error"       :  function() { 
		    	alert("网络正忙");
			     }
		} );
	}else{
		return;
	}
	
}






</script>
</html>

 

举报

相关推荐

0 条评论