2016-05-16 4 views
-1

選択オプションで入力タイプ= "テキスト"を変更したとき。ブラウザでコンソールの言う "500(内部サーバーエラー)" を500(内部サーバーエラー)AJAX、選択オプションからのデータFORM

入力タイプテキスト

<h5 class="breadcrumbs-title">Tambah Sub Barang</h5> 
<div class="row"> 
    <div class="input-field col s6"> 
    <input id="jenis" name="jenis" type="text" value="" class="validate"> 
    <label id="jenis" for="jenis">Jenis</label> 
    </div> 
    <div class="input-field col s6"> 
    <input id="ukuran" name="ukuran" type="text" value="" class="validate"> 
    <label id="ukuran" for="ukuran">Ukuran</label> 
    </div> 
    <div class="input-field col s7"> 
    <input id="merk" name="merk" type="text" value="" class="validate"> 
    <label id="merk" for="merk">Merk</label> 
    </div> 
    <div class="input-field col s5"> 
    <input id="jumlah" name="jumlah" type="number" value="" class="validate"> 
    <label for="jumlah">Jumlah</label> 
    </div> 
</div> 

選択オプションAjaxで

<div class="row"> 
<select name="jenis" id="jenis" required="required"> 
    <option value="" disabled selected>Pilih Jenis Barang</option> 
    <?php 
    foreach ($jenis_barang as $x) { 
     echo "<option value='$x->id_jenis'>$x->jenis</option>"; 
    } 
    ?> 
</select> 
<select name="ukuran" id="ukuran" required="required"> 
    <option value="" disabled selected>Pilih Ukuran Barang</option> 
    <?php 
    foreach ($ukuran_barang as $x) { 
     echo "<option value='$x->id_ukuran'>$x->ukuran</option>"; 
    } 
    ?> 
</select> 
<select name="merk" id="merk" required="required"> 
    <option value="" disabled selected>Pilih Merk Barang</option> 
    <?php 
    foreach ($merk_barang as $x) { 
     echo "<option value='$x->id_merk'>$x->merk</option>"; 
    } 
    ?> 
</select> 

と、この機能は、私は2つを持っています配列、barang_masukおよびbarang_masterあなたがやってsubmit_barangファイルは何

<script> 
$("#form_barang").submit(function() { 

    var kodebarang = document.getElementById("kd_barang").value.toUpperCase(); 
    var namabarang = $("#nama_barang").val(); 
    var kategori = $("#kategori").val(); 
    var satuan = $("#satuan").val(); 

    var barangmaster = { 
     kd_barang: kodebarang, 
     nama_barang: namabarang, 
     kategori: kategori, 
     satuan: satuan 
    }; 

    barang_master.push(barangmaster); 

    var base_url = "<?= base_url('barang/submit_barang'); ?>/"; 

    $.ajax({ 
     type: "POST", 
     url: base_url, 
     data: {detail_barang: barang_masuk, barang_master: barang_master}, 
     dataType: "text", 
     cache: false, 
     success: 
       function (data) { 
        window.location.href = "<?= base_url('barang') ?>"; 
       } 
    }); 
    return false; 
}); 

+1

サーバーの内部エラーがある場合は、(a)サーバー側のコードを調べ、(b)サーバーログのエラーメッセージを確認してください。 – Quentin

+0

質問を編集し、 'submit_barang – DFriend

答えて

1

barang/submit_barangファイルにエラーがあるため、500がスローされます。

エラーがどのようなエラーを表示するかを確認するには、AJAXなしでフォームを送信してください。

または開発者ツールで[ネットワーク]タブに移動し、barang/submit_barangリクエストをクリックすると、リクエストの応答を確認できます。

応答があると、barang/submit_barangスクリプトで何が問題になるのかを判断できます。

+0

ブローに感謝、問題は解決しました –

+0

私は同じ問題を抱えています。どのようにエラーを解決しましたか? – DCR

+0

AJAXリクエストを送信しているスクリプトを確認してください。コードスニペットをここに貼り付けます。私はもっ​​と助けることができるかもしれません。 – Pankaj

関連する問題