ajax异步处理,在不刷新页面的前提下,进行获取数据。所以用到的地方很多,简单的介绍下这个功能以及代码处理
$.ajax({
type:"POST",
url:'url',
dataType:"json",
data:{ car_id:car_id},
async:false/true,
success:function(data){
if(data != 1){
$('#carInfo').show();
$('#year_time').show();
var opstr = '<option value="">车款属性</option>';
$.each(data, function(key,val){
$.each(val, function(id,obj){
obj.car_name = obj.car_name.replace(obj.attr_set_2+obj.attr_set_3, "");
if(obj.attr_set_2 == '-'){
var ml = '';
}else{
var ml = obj.attr_set_2+obj.attr_set_3;
}
opstr += '<option value="'+obj.attr_set_1+'_'+ml+'_'+obj.car_name+'">'+obj.attr_set_1+'款'+ml+' '+obj.car_name+'</option>';
})
})
$('#car_info').html(opstr);
}
},
error:function(){
alert("获取失败!");
}
});
代码附上分别介绍一下各个参数
type:表单/数据提交给后台的方式 POST和GET两种(建议POST提交 安全)
url:提交数据到后台的链接是….
dataType:数据格式,返回的数据格式为JSON类型
data:对应参数对应数据(hou_id:qian_id)
hou_id是对应到后台接收到的参数名,qian_id数据前端接收表单/JQ(var qian_id = $("#qian_id").val()
)
async:参数不写默认为true 即为异步方式直到服务器端返回数据后,触发$.Ajax里的success方法; 为false 所有的请求均为同步请求,在没有返回值之前,同步请求将锁住浏览器!
success:触发到成功,返回数据接受处理
error:没有数据,错误时触发