依賴下拉錯誤未定義指數：批笨

Question

我有這個下拉依賴於其他2下拉菜單的選擇我都調試的Java腳本但對我的錯誤日誌，指出錯誤，

Undefined index: TRANCHE

這裏是我的控制器

public function dependent_dropdown() 
    { 
     if(isset($_POST['TRANCHE']) || isset($_POST['GRADE'])) 
     { 

      $data = $_POST['TRANCHE']; 
      $data1 = $_POST['GRADE']; 
      $this->output 
      ->set_content_type("application/json") 
      ->set_output(json_encode($this->EmployeeSalary_Model->getType($data, $data1))); 
     } 
    } 

，這裏是我的javascript

jQuery(document).ready(function(){ 
    $("#GRADE").change(function() { 
    var TRANCHE = {"TRANCHE" : $('#TRANCHE').val()}; 
    var GRADE = {"GRADE" : $('#GRADE').val()}; 
    console.log(TRANCHE); 
    console.log(GRADE); 

    $.ajax({ 
     type: "POST", 
     data: (TRANCHE, GRADE), 
     url: "<?php base_url(); ?>EmployeeSalary/dependent_dropdown/", 

     success: function(data){ 
      var select = $('#SAL_ID'); 
      select.html(''); 
      $.each(data, function(i, option){ 
       select.append("<option value='"+option.ID+"'>"+option.AMOUNT+"</option>"); 
      }); 
     } 
    }); 
    }); 
}); 

請告訴我這個問題，我該如何調試它。謝謝

Answer 1

你必須建立一個數組來發送這兩個值。

var postData = [ TRANCHE , GRADE ]

$.ajax({ 
    type: "POST", 
    data: JSON.stringify(postData), ////stringify is important 
    url: "<?php base_url(); ?>EmployeeSalary/dependent_dropdown/", 

    success: function(data){ 
     var select = $('#SAL_ID'); 
     select.html(''); 
     $.each(data, function(i, option){ 
      select.append("<option value='"+option.ID+"'>"+option.AMOUNT+"</option>"); 
     }); 
    } 
});