JQuery实现AJAX异步提交

$.ajax({
				url: '/path/to/file',    //请求的路径
				type: 'default GET (Other values: POST)',  //请求方式，默认为get
				dataType: 'default: Intelligent Guess (Other values: xml, json, script, or html)',  //响应的回来的数据类型，如果指定了json，那么就不需要将返回转换为JSON数据了
				data: {param1: 'value1'},   //请求数据，无论是get还是post都是这种形式的
    			success: function(obj){}    //响应成功调用的方法，obj是返回的数据
			})

//根据选择的省份获取市
function getCity(){
	var province=$("#province").val();  //获取下拉菜单的值，这里返回的是省份的编号
	var url="<%=request.getContextPath()%>/menu/getCity.do";  //异步请求的url
	var d={"province":province};   //将省份的编号传入
	
	//每次都要清空之前的城市
	$("#city").html("<option value='-1'>请选择市</option>");
	
	//如果用户点击了请选择省，那么返回的值就是-1，此时不需要发出异步请求
	if(province==-1){
		return;  
	}
       
	//使用Post请求发出AJAX请求，返回的是一个集合，因此转换为JSON数据的obj是一个数组
	$.ajax({
		url: url,    //请求的路径
		type:"POST",  // 请求方式，默认为get
		dataType: "json",  //响应的回来的数据类型，如果指定了json，那么就不需要将返回转换为JSON数据了
		data:d,   //请求数据
		success: function(obj){ //响应成功调用的方法，obj是返回的数据
			
			//如果返回的是一个空的，直接返回即可，不需要后续的操作
			if(obj.lengt==0){
				return;
			}
			//循环遍历返回的JSON数组
			for(var i=0;i<obj.length;i++){
				//创建option，用于插入节点
				var option="<option value=" + obj[i].code + ">"+obj[i].name+"</option>";
				//将option插入到下拉列表中
				$("#city").append(option);
			}
			
		}   
	});
}

/*
	url :请求路径，其中参数必须封装在其中，比如 : http://lcoalhost:8080/web1/regist?name=chenjiabing&age=1
	function（data,status,xhr）：这个是回调函数
								data：请求返回的数据
								status : 请求的状态，其中的有success,error
								xhr: 这个是XMLHttpRequest对象
*/
$.get('url', function(data,status,xhr) {
	
});

$(function(){
    $("#btn").click(function(){
       var url="http://localhost:8080/web1/user/regist.do?username=chenjiabing&password=12345" ;  //请求的url
        $.get(url,function(data,status){
            //如果响应成功，输出返回的数据
            if(status=="success") {
                alert(data);
            }else{
                alert("响应失败");
            }
        });
    });
});

/*
	url ： 异步请求的路径，其中不用封装数据
	function（data,status,xhr） :回调函数
							  data： 请求返回的数据
							  status：请求的状态，其中的值有success，error
							  xhr: XMLHttpRequest对象
*/
$.post('url', {param1: 'value1'}, function(data, status, xhr) {
				/*optional stuff to do after success */
			});

$(function(){
    $("#btn") .click(function(){
       var url="http://localhost:8080/web1/user/regist.do;   //请求路径
       var d={"username":"陈加兵","password":"123456"};   //发送的请求参数
        $.post(url,d,function(data,status,xhr){
            if(status=="success"){
                alert(data);
            }else
            {
                alert("响应失败");
            }
        })
    });
});