jquery ajax方法使用之前先引入:
<script type="text/javascript" src="jquery-1.8.0.js"></script>
再使用ajax方法发送请求:
$(function(){ //页面加载事件
findAir(); //加载findAir方法
});
function findAir(){
var formData=$("#formId").serialize(); //序列化,写条件查询,传对象时需要使用。
$.ajax({
url:"<%=basePath%>/Air/findAir.do", //请求的地址
type:"post", //发送请求的方式,默认为get
dataType:"html", //我使用的是返回页面,然后替换所以写html
data:formData, //传送的数据
success:function(data){ //请求成功时实现的方法
$("#divId").html(data); //将返回的数据替换到div
},
error:function(){ //请求失败时实现的方法
alert("加载失败");
}
});
}
上面就是使用Ajax简单的查询方法,其他请求只需改动几个位置,大体不变,例如:
例如新增方法,如果新增有上传文件需求,就不可以使用序列化
//使用下面的方法,并且需要添加下面三个属性
var formData=new FormData($("#formId")[0]);
//上传文件无需缓存
cache:false,
//告诉jQuery不要去处理发送的数据,用于对data参数进行序列化处理 这里必须false
processData:false,
//告诉jQuery不要去设置Content-Type请求
contentType:false,
//依然是使用下面方法来传送数据
data:formData,
//如果是只单独传一个ID或者其他数据,则使用下面方法
data:{key:value},
//后台通过key来接收值