jquery中如何对规则进行分组

Question

嗨，我有一个简单的问题。我在下面有这段代码，我以非常相似的方式使用了ajax 3次，唯一改变的是传递的数据和目标的id。有没有一种方法可以将这些指令集中到一个简单的指令中？ 谢谢 D .

$('#fld_email').focusout(function() {
                    var request_email = $(this).val();              
                    $.ajax({type:"GET",
                            url: "autocomplete.asp",
                            data: "fld=firstname&email="+request_email,
                            beforeSend: function(){$('#fld_firstname').addClass('ac_loading');},
                            success: function(msg){$('#fld_firstname').val(msg);$('#fld_firstname').removeClass('ac_loading'); }
                          });   
                    $.ajax({type:"GET",
                            url: "autocomplete.asp",
                            data: "fld=lastname&email="+request_email,
                            beforeSend: function(){$('#fld_lastname').addClass('ac_loading');},
                            success: function(msg){$('#fld_lastname').val(msg);$('#fld_lastname').removeClass('ac_loading');}
                          });   
                    $.ajax({type:"GET",
                           url: "autocomplete.asp",
                           data: "fld=phone&email="+request_email,
                           beforeSend: function(){$('#fld_phone').addClass('ac_loading');},
                           success: function(msg){$('#fld_phone').val(msg);$('#fld_phone').removeClass('ac_loading');}
                          });   
                    }
                    );

Answer 1

尝试：

$('#fld_email').focusout(function() {
    var request_email = $(this).val();
    processAjax("fld=firstname&email="+request_email, '#fld_firstname');
    processAjax("fld=lastname&email="+request_email, '#fld_lastname');
    processAjax("fld=phone&email="+request_email, '#fld_phone');
});

function processAjax(data, id){
    $.ajax({type:"GET",
           url: "autocomplete.asp",
           data: data,
           beforeSend: function(){$(id).addClass('ac_loading');},
           success: function(msg){$(id).val(msg).removeClass('ac_loading');}
    });   
}

Answer 2

使用对象和 for 控制结构：

var fields = {firstname:1, lastname:1, phone:1};
for (field in fields) {
  $.ajax({
    type:"GET",
    url: "autocomplete.asp",
    data: "fld=" + field + "&email=" + request_email,
    beforeSend: function() {
      $('#fld_'+field).addClass('ac_loading');
    },
    success: function(msg) {
      $('#fld'+field).val(msg);
      $('#fld'+field).removeClass('ac_loading');
    }
  });
}