ajax javascript error

Mungkin itu karena scope dari variable mapel dan kelas yang gak terbaca waktu dipanggil di $.ajax({}). Coba deklarasikan variabel di luar fungsi JQuery.

<script>
var mapel, kelas;

mapel = kelas = null;

// Misal data mapel atau kelas berubah.
$('#mapel').change(function()
{
    mapel = $(this).val();
});
</script>

Kalau perlu, nama variabel mapel dan kelas kasih tanda $ di depannya.

<script>
var $mapel, $kelas;

$mapel = $kelas = null;

// Misal data mapel atau kelas berubah.
$('#mapel').change(function()
{
    $mapel = $(this).val();
});

// Nanti di data $.ajax tinggal
data: {
kls : $kelas,
mpl: $mapel
}
</script>