JQuery AJAX формы проводки для нескольких других форм

Question

Я несколько форм, как эти:

<form class="form_game"> 
<select name="game" class="gm"> 
<option value="Badminton">Badminton</option> 
<option value="Basketball">Basketball</option> 
<option value="Football">Football</option> 
</select> 
</form> 

<form class="form_branch"> 
<input name="action" type="hidden" value="the_ajax_hook_2" /> 
<select name="branch" id="branch" onchange="display_table();" > 
<option value="CSE">CSE</option> 
<option value="CE">CE</option> 
<option value="ECE">ECE</option> 
<option value="EE">EE</option> 
<option value="IT">IT</option> 
<option value="ME">ME</option> 
<option value="PE">PE</option> 
<option value="PG">PG</option> 
</select> 
</form> 
<form class="form_year"> 
<input name="action" type="hidden" value="the_ajax_hook_3" /> 
<select name="year" id="year" onchange="display_table_1();" > 
<option value="D1">D1</option> 
<option value="D2">D2</option> 
<option value="D3">D3</option> 
<option value="D4">D4</option> 
</select> 
</form> 

Мои функции JQuery AJAX являются:

function display_table(){ 

jQuery.post(the_ajax_script.ajaxurl, jQuery(".form_branch").serialize(),function(response_from_display_data_table){ 
      jQuery(".table_disp").html(response_from_display_data_table); 
     }); 
} 

И

function display_table_1(){ 

jQuery.post(the_ajax_script.ajaxurl, jQuery(".form_year").serialize(),function(response_from_display_data_table_1){ 
      jQuery(".table_disp").html(response_from_display_data_table_1); 
     }); 
} 

Так как вы может видеть, что мой display_table() принимает значение из 'form_branch' и display_table_1() из 'form_year'. И они соответствуют их соответствующим другим функциям, определенным в jQueries.

Как я могу сделать значение из 1-й формы, то есть 'form_game', чтобы перейти к обеим другим формам, чтобы другие формы при отправке отправляли значение из 'form_game' вместе с их соответствующими значениями в их целевые функции ? Что нужно сделать для достижения этого?

Answer 1

Вы можете использовать beforeSend событие Ajax

Это может быть что-то вроде этого (код не тестировался)

jQuery.post(the_ajax_script.ajaxurl, jQuery(".form_branch").serialize(),function(response_from_display_data_table){ 
     jQuery(".table_disp").html(response_from_display_data_table); 
    }).beforeSend(display_table_1()); 

или, наоборот:

jQuery.post(the_ajax_script.ajaxurl, jQuery(".form_year").serialize(),function(response_from_display_data_table_1){ 
     jQuery(".table_disp").html(response_from_display_data_table_1); 
    }).beforeSend(display_table());