PHP isn't receiving data from a jquery http request

Question

I know this is a very basic Ajax question. I have been searched for all possible answer but none work for me. So here is the situation

This is my HTML code


                        Kota/Kabupaten

Here is my Ajax code:

$('#frm_provinsi').on('change', function() {
          var nilai = $(this).val();
          console.log(nilai);

          if (nilai !== '') {
            $.post({
              type: 'POST',
              url: 'index.php',
              data: { frm_provinsi: nilai },
              contentType: 'application/x-www-form-urlencoded',
              dataType: 'text',
            })
            .done(function(respon) {
              console.log(respon);
              // Tampilkan hasilnya di halaman web
              $('#hasil').html('Provinsi: ' + respon.nama_provinsi);
            })
            .fail(function(xhr, status, error) {
              console.log(xhr.responseText);
            });
          } else {
            console.log('Nilai tidak boleh kosong');
          }
        });

Here is my PHP code:

var_dump($_REQUEST);

It just empty everytime I change selection on the select field. I can see Ajax sends data via browser debug console. If I manually POST the form the PHP receives all values. Additional info I work under Inspina template. Thanks for any help and response.

Here are some updates I made: Scenario:

There are 2 selects in form
First select is frm_provinsi and the second is frm_kota
When user select item from frm_provinsi it calls Ajax with id from frm_provinsi
The result populated in $formData and stored in in Smarty variable called $daftarKota
$daftarKota populated in

Ajax

$('#frm_provinsi').on('change', function() {
          var nilai = $(this).val();
          console.log(nilai);

          if (nilai !== '') {
            event.preventDefault();
            $.post({
              type: 'POST',
              url: '',
              data: $.param({ frm_provinsi: nilai }),
              success: function(respon) {
                  document.getElementById("frm_kota").innerHTML = respon;
              },
              //contentType: 'application/x-www-form-urlencoded',
              cache: false,
            })
            .done(function(respon) {
              console.log(respon);
              // Tampilkan hasilnya di halaman web
              $('#frm_provinsi').html('Provinsi: ' + respon.nama_provinsi);
            })
            .fail(function(xhr, status, error) {
              console.log(xhr.responseText);
            });
          } else {
            console.log('Nilai tidak boleh kosong');
          }
        });

PHP

if (isset($_POST['frm_provinsi'])) {
$smarty->assign('prov', $_REQUEST['frm_provinsi']);
$GetDaftarKota = DB::query("SELECT id_kemendagri, nama_kota FROM `kota` WHERE LEFT(id_kemendagri, 2) = '".$_POST['frm_provinsi']."'");
//print_r ($GetDaftarKota);
$FormData = NULL;
foreach($GetDaftarKota as $me) {
    $FormData .= "
";
}
$smarty->assign('daftarKota', $FormData);

}

Here is frm_provinsi items

And when one of frm_provinsi item is selected, it calls Ajax and successfully load frm_city and populated to frm_kota

PHP isn't receiving data from a jquery http request

Answers (0)

Related Questions

PHP isn&#39;t receiving data from a jquery http request

Answers (0)

Related Questions

PHP isn't receiving data from a jquery http request