一、ajax的种类和用法特性等
1、$.ajax
$.ajax({
type : "post",
url : baseUrl + 'kck/xxxxkc/queryXxOrXx',
data : {kzlx:kzlx,kzdm:sjkzdm},
async : false,
success : function(res){
self.data2 = res.xxxxkzLists;
}
})
需要注意的点:
1、$.post默认是异步交互,并且不能设置同步
2、$.ajax 默认也是true:异步,false:同步。
异步:多个ajax和函数同时执行
同步:跟函数顺序执行
<script type="text/javascript">
function sentAjax(){
Ajax1();
Ajax2();
}
function Ajax1(){
$.ajax({
cache : false,
url:"<%=basePath%>/manager/test/ajax1",
success: function(result){
alert("Ajax1");
$("#selectClassify").html("");
var html = "";
var selectJson = result.downList;
$.each(selectJson, function(i, item) {
html = html+"<option value='" + item + "'>" + item + "</option>";
});
$("#selectClassify").append(html);
}
});
}
function Ajax2(){
$.ajax({
cache : false,
url:"<%=basePath%>/manager/test/ajax2",
success: function(result){
alert("Ajax2");
$("#selectClassify").val(result.kind);
}
});
}
</script>
异步请求是并行的,执行的快与慢,要看响应的数据量的大小及后台逻辑的复杂程度
要解决这个问题也不难,这里提供两种解决方案:
(1)Ajax2()方法的执行放到Ajax1()的success回调函数的最后一行。
(2)Ajax1()的异步请求方法中,增加一个回调函数 :complete : Ajax2
ajax上传文件的方法
var formData = new FormData();
var name = $("input").val();
formData.append("file",$("#upload")[0].files[0]);
formData.append("name",name);
$.ajax({
url : Url,
type : 'POST',
data : formData,
// 告诉jQuery不要去处理发送的数据,用于对data参数进行序列化处理 这里必须false
processData : false,
// 告诉jQuery不要去设置Content-Type请求头
contentType : false,
beforeSend:function(){
console.log("正在进行,请稍候");
},
success : function(responseStr) {
if(responseStr.status===0){
console.log("成功"+responseStr);
}else{
console.log("失败");
}
},
error : function(responseStr) {
console.log("error");
}
});
没有设置contentType: false 这个参数
设置了contentType: false这个参数
我们作为程序员,研究问题还是要仔细深入一点的。当你对原理了解的有够透彻,开发起来也就得心应手了,很多开发中的问题和疑惑也就迎刃而解了,而且在面对其他问题的时候也可做到触类旁通。当然在开发中没有太多的时间让你去研究原理,开发中要以实现功能为前提,可等项目上线的后,你有大把的时间或者空余的时间,你大可去刨根问底,深入的去研究一项技术,为觉得这对一名程序员的成长是很重要的事情。