Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to group rules in jquery

Hi I've got a simple question. I've this code below, i use ajax three times in very similiar ways the only things that change are the data passed and the id of the target. Is there a way to group these instructions in a simple one? Thx 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');}
                          });   
                    }
                    );
like image 490
Daniele Avatar asked May 25 '10 08:05

Daniele


2 Answers

try:

$('#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');}
    });   
}
like image 124
Reigel Avatar answered Sep 19 '22 02:09

Reigel


Use an object and the for control structure:

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');
    }
  });
}
like image 26
Tgr Avatar answered Sep 19 '22 02:09

Tgr