Как выполнить разные запросы на кнопку выбора радио?

Question

Я пытаюсь получить другой результат при различном выборе переключателей. У меня есть три кнопки в моем коде.Я хочу, чтобы когда пользователь выбирал все поля, такие как select tsm, select sr, from, to и any of radio selection, выполнял разные запросы.Я хочу, чтобы когда пользователь выбирал первое радио, затем выполнял один запрос, если пользователь выбирал второе радио, затем выполнял другой запрос и так далее.Но когда я пытаюсь это сделать, мой результат не приходит, значит, мои данные не передаются на запрос, чтобы он мог получить результат.

<select class="form-control" name="tsm_id" id="tsm_id">
	<option value=""><b>SELECT TSM</b></option>
	<?php echo fill_year($connect); ?> 
</select>
<br><br>

<select class="form-control" name="sr_id" id="sr_id">
  <option value="" selected>SELECT SR</option>   
</select>
<br><br><br><br>
<div class="row">
     <div class="input-daterange">
      <div class="col-md-4">
       <label>From:</label><input type="text" name="start_date" id="start_date" data-provide="datepicker" class="form-control" />
     </div>
     <div class="col-md-4">
       <label>To:</label><input type="text" name="end_date" id="end_date" data-provide="datepicker" class="form-control" />
     </div>      
   </div>
   <div><br><br><br><br>
<label>Visited during this period:</label><input type="radio" name="options" value="first" id="first" class="options">
<label>Not Visited during this period:</label><input type="radio" name="options" value="second" id="second" class="options">
<label>Never Visited:</label><input type="radio" name="options" value="third" id="third" class="options"><br>
    <input type="button" name="search" id="search" value="Search" class="btn btn-info" />
  </div>
</div><br><br><br>

<script type="text/javascript">
  $(document).ready(function(){  
   $('#sr_id').change(function(){  
    $('.options').click(function(){
     var sr_id = $('#sr_id').val();  
     var start_date = $('#start_date').val();
     var end_date = $('#end_date').val();
    var first=$(this).val();
     $.ajax({  
      url:"http://localhost/sales/fetch_retailer.php",  
      method:"GET",
      data:{sr_id:sr_id,start_date:start_date,end_date:end_date},  
      dataType:"json",                  
      success:function(data){ 
        alert("success")
        var test=JSON.stringify(data);
        console.log(test)
        $('#count_data').html('');
        for (var i in data)
        {
          $("#count_data").append("<tr></td><td class='text-center'>"+data[i].retailer_shop_name+"</td><td class='text-center'>"+data[i].last_visit+"</td></tr>");
        }
      }
    });
   }); 
  });
 });
</script>

if(isset($_GET['options']) && !empty($_GET['options'])){
    if($_GET['options'] == 'first'){
   $sql=sprintf("SELECT 
   tbl_retailer.retailer_shop_name,
   tbl_retailer.retailer_id,
   max(tbl_visit_master.visit_DateTime) as last_visit
   from tbl_retailer
   left join tbl_member on tbl_member.employee_id=tbl_retailer.sr_id
   left join tbl_visit_master on tbl_retailer.retailer_id=tbl_visit_master.retailer_id where tbl_retailer.sr_id='".$_GET["sr_id"]."' and tbl_retailer.isgroup=1 
   group by retailer_id having (max(tbl_visit_master.visit_DateTime)) BETWEEN '".$_GET["start_date"]."' AND '".$_GET["end_date"]."'");
  }  

Answer 1

Замените ваш AJAX-вызов следующим кодом и попробуйте его.

            $.get( 
            url:"http://localhost/sales/fetch_retailer.php", 
            data:{
                    sr_id: sr_id, 
                    start_date: start_date, 
                    end_date: end_date
                }
            )
            .done(function( data ) {
            alert( "Data Loaded: " + data );
            });

Answer 2

вы пытаетесь получить данные опций в коде php, как это $_GET['options'], но вы не передаете их в атрибуте данных ajax

data:{sr_id:sr_id,start_date:start_date,end_date:end_date}

попробуйте это с этим

data:{sr_id:sr_id, start_date:start_date, end_date:end_date, options:first}