简单的ajax请求数据

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：没有数据，错误时触发

简单的ajax请求数据

猜你喜欢