JQuery Mobile Ajax Post Вставить данные - PullRequest
Новая
       41

JQuery Mobile Ajax Post Вставить данные

0 голосов
/ 03 декабря 2018

Я пытаюсь опубликовать данные из формы с помощью сообщения ajax.В настоящее время я просто отлаживаю это, предупреждая отправленные данные с помощью сценария php.

Итак, мой код html: 

       <form id="form_sewa">
            <input type="hidden" name="penyewaan" id="penyewaan" value="">
            <div class="form-group col-md-12">
                <label for="nama_anak">Nama Anak:</label>
                <input type="text" data-mini="true" name="nama_anak" id="nama_anak" value="">
            </div>
            <div class="form-group col-md-12">
                <label for="jumlah_uang">Jumlah Uang:</label>
                <input type="number" data-mini="true" name="jumlah_uang" pattern="[0-9]" id="jumlah_uang" value="">
            </div>
            <div class="form-group col-md-12">
                <label for="harga_kamar"><b>Harga</b> Kamar:</label>
                <input type="number" data-mini="true" name="harga_kamar" pattern="[0-9]" id="harga_kamar" value="">
            </div>
            <div class="form-group col-md-12">
                <!-- Untuk tanggal -->
                <label for="tanggal_masuk">Tanggal <b>Masuk:</b></label>
                <input id="tanggal_masuk" name="tanggal_masuk" data-mini="true" />
            </div>
            <br>
            <div class="form-group col-md-12">
                <label for="tanggal_keluar">Tanggal <b>Keluar:</b></label>
                <input id="tanggal_keluar" name="tanggal_keluar" data-mini="true" />
            </div>
            <br>
            <div class="form-group col-md-12">
                <label for="no_kamar"><b>Nomor</b> Kamar:</label>
                <input type="number" data-mini="true" name="no_kamar" pattern="[0-9]" id="no_kamar" value="">
            </div>
            <input type="submit" data-role="button" data-theme="f" data-inline="true" data-icon="check" id="submitSwa" />
            <a href="#" data-role="button" data-theme="f" data-inline="true" data-rel="back">Kembali</a>
        </form>

В JavaScript 

    $(document).ready(function(){
        $("#submitSwa").click(function(){
            $.ajax({
                url: "http://localhost/apri2/php/crudpenyewaan.php",
                type: "post",
                cache:false,
                data: {
                    nama_anak: $('#nama_anak').val(),
                    jumlah_uang: $('#jumlah_uang').val(),
                    harga_kamar: $('#harga_kamar').val(),
                    tanggal_masuk: $('#tanggal_masuk').val(),
                    tanggal_keluar: $('#tanggal_keluar').val(),
                    no_kamar: $('#no_kamar').val()
                },
                success: function(response){
                    alert(response);
                },
                error: function(){                      
                    alert('Error while request..');
                },
                complete: function() {
                    $.mobile.loading("hide");
                }
            });
        });
    });

И вphp 

<?php 
    print_r($_POST);    
?>

Я пробовал такие методы, как submithandler, serialdata serialize, но предупреждение не отображается, и мой URL выглядит так после нажатия кнопки submit: Before submit After submit

...