jquery 表单提交

1.2: get方法，向服务器发送请求(提交方式是get)

如下：
	$(‘input[type=button]‘).click(function(){
		var send={‘userName‘:$(‘#userName‘).val()};
		$.get(‘test!checkName‘,send,function(data){
			$(‘#load‘).html(data.msg);
		});
	});
	//上述方法是以get方法向服务器发送了一个请求，并将返回的数据添加到#load中
	

1.3: post方法，向服务器发送请求(提交方式是post)

如下：
	$(‘input[type=button]:first‘).click(function(){//检测的单击事件
		var send={‘userName‘:$(‘#userName‘).val()};//需要传入的参数 json格式
		$.post(‘test!checkName‘,send,function(data){//post 和get一样 参数(url(请求地址action)，参数,回调函数(获取响应的参数))
			if(data.flag){//获取响应参数中的flag boolean类型
				$(‘#load‘).html(‘用户名已经存在‘);
			}else{
				$(‘#load‘).html(‘用户名可以注册‘);
			}
		});
	});
	//上述方法是以post方法向服务器发送了一个请求，并将返回的数据添加到#load中,与get用法一样,
	//flag是action中的封装之后属性,下面的user,userList都是action中的封装属性
	

1.4: ajax方法，向服务器发送请求

如下：
	$(‘input[type=button]:last‘).click(function (){//查询的单击事件 
		var sendData={‘userId‘:$(‘#userId‘).val()};//数据 json格式数据
		var url="test!search";//地址
		$.ajax({//注意写法是json格式的  推荐使用ajax  原因是速度快
			url:url,//地址
			data:sendData,//参数
			type:‘post‘,//设置提交类型
			success:function(data){//请求成功的回调函数
				$(‘#load2‘).html(data.user.id+‘,‘+data.user.userName+‘,‘+data.user.userAddress);
			}
		});
	});
	//上述方法是以ajax方法向服务器发送了一个请求，并将返回的数据添加到#load中,可以设置提交类型,推荐使用这个方法。
	

2.在回调函数中遍历返回的json数组或者集合

2.1: 直接使用for遍历

如下：
	$(‘input[type=button]:first‘).click(function(){//显示信息单击事件
		var url="test!searchAll?z="+Math.random();//Math.random()随机数，用来防止浏览器缓存
		$.ajax({
			url:url,
			type:‘post‘,
			success:function(data){
				var value=‘‘;
				for(var i=0;i<data.userList.length;i++){
					value+=data.userList[i].userName+‘,‘+data.userList[i].userAddress+‘<br>‘;
				}
				$(‘#load‘).html(value);
			}
		});
	});
	//上述方法中，通过请求之后需要拿到的是一个list泛型集合userList，通过for遍历添加到#load的文本。
	

2.2: 使用jquery的工具函数eval转换

如下：
	$(‘input[type=button]:last‘).click(function(){//查询所有单击事件
		$(‘#load‘).html(‘‘);//清空文本
		$(‘#load‘).append(‘<ul></ul>‘);
		$.ajax({
			url:‘test!searchAll‘,
			type:‘post‘,
			success:function(data){
				var user=eval(data.userList);//因为集合的结构个数组一样，所以可以使用eval转换为数组
				for(var i=0;i<user.length;i++){
					$(‘#load<ul‘).append(‘<li>‘+user[i].userName+‘,‘+user[i].userAddress+‘</li>‘);
				}
			}
		});
	});
	//上述方法中，通过请求之后需要拿到的是一个list泛型集合userList，通过eval转换为数组，再使用for遍历添加到#load的文本中。
	

2.3: 使用jquery的工具函数each遍历

如下：
	 success:function (data) {//回调函数 
                $(data.userList).each(function (i, value) {  
                    $("#load").append("id:" + value.userName + ", name: " + value.userAddress ");  
                });  
  
         }  
	//上述方法中，通过请求之后需要拿到的是一个list泛型集合userList，直接使用工具函数each()遍历添加到#load的文本中。
	

3.ajax中的提示信息

3.1:ajaxStart()和ajaxStop()

如下：
	$(document).ajaxStart(function(){
  		$(‘#loading‘).show();//显示#loading
	}).ajaxStop(function(){
		$(‘#loading‘).hide();//隐藏#loading
	});
	//上述方法中，定义了整个html文档中提交ajax和ajax完成之后(ps:jquery支持链表式操作)。
	

3.2:ajaxSend()方法