ajax中注意的问题

1.发送ajax请求：

$.ajax({
url:"请求路径"，
type:"GET"或"POST"或"DELETE"，
data:可以是后台要的参数（用@RequestParam标注的参数），可以是form表单的数据（$("#form表单的id").serialize()）,
success:function(result){
发送请求成功后，这里对结果result进行处理
}
});

2.下拉列表

现有个<select id="a"></select>标签
$("<option></option>").append(显示的内容).attr("value",option的隐藏value).appendTo("#a")
例如：
$("<option></option>").append(cname).attr("value",cid).appendTo("#abc");

3.遍历集合

$each(集合名字，function(index,item){

});

相当于
	<c:foreach items="${集合名字}" var="item"></c:foreach>
	都是用Item来遍历元素的
	例如：遍历stu中的id和name
	$each(stu,function(index,item){
	var id = item.id;
	var name = item.name;
	})
	
	<c:foreach items="${stu}" var = "item">
	<tr>
		<td>${item.id}</td>
		<td>${item.name}</td>
	</tr>
	</c:foreach>

4.校验

通过js的正则表达式校验，http://jquery.cuishifeng.cn/regexp.html
具体操作：

1.获取输入框的内容：
var var stuname = $("#stuname_in").val();
2.制定校验标准：
var regname = /(^[\u2E80-\u9FFF]{2,5})|(^[a-zA-Z0-9_-]{3,16}$)/;
3.进行校验：
校验没通过
if(!regname.test(stuname)){
清空校验留下的缓存
		$("#stuname_in").parent().removeClass("has-error has-success");
		$("#stuname_in").next("span").text("");
		进行错误提示处理
		$("#stuname_in").parent().addClass("has-error");
		在输入框下面写提示
		$("#stuname_in").next("span").text("用户名是2-5位中文或6-16位英文数字组合");
		//alert("用户名是2-5位中文或6-16位英文数字组合");
		return false;
	}else{
	校验成功，清空校验留下的缓存
		$("#stuname_in").parent().removeClass("has-error has-success");
		$("#stuname_in").next("span").text("");
		进行正确信息提示
		$("#stuname_in").parent().addClass("has-success");
		$("#stuname_in").next("span").text("格式正确");
		return true;
	}
//校验年龄
	var age = $("#age_in").val();
	var regage = /^[0-9]{1,2}$/;
	
	if(!regage.test(age)){
		$("#age_in").parent().removeClass("has-error has-success");
		$("#age_in").next("span").text("");
		$("#age_in").parent().addClass("has-error");
		$("#age_in").next("span").text("年龄在0-99");
		//alert("年龄在0-99");
		return false;
	}else{
		$("#age_in").parent().removeClass("has-error has-success");
		$("#age_in").next("span").text("");
		$("#age_in").parent().addClass("has-success");
		$("#age_in").next("span").text("格式正确");
		return true;
	}
在插入或者更新的方法上调用
$("#insert_sub").click(function(){
		if(!validate_add_form()){
			return false;
		}else{
			$.ajax({
				url:"${AOP_PATH}/insert",
				data:$("#form2").serialize(),
				type:"POST",
				success:function(result){
					
					$("#addStu").modal("hide");
					
					to_page(total_nu);
					
				}
			});
		}
		
		
	});
	

5.获取name值

 <input  type="hidden" name="stuid1"> 

document.all( "stuid1").value=stuid; 
document.all( "stuname1").value=stuname;