javascript - jquery AJAX Post 不工作 Codeigniter

Question

我目前正在学习 jquery AJAX，我正在尝试将我的标准 php 帖子更改为 AJAX，但不起作用，它仍然是 php 的优点，而不是 AJAX。即使在控制台中也没有显示任何内容。任何人都可以检查我的代码吗？我正在使用 Codeigniter。你可以假设 php 部分工作正常..

HTML:

<form action="<?=base_url()?>operator_pt/unggah/unggah_semua" id="unggahsemua" method="POST" name="unggahsemua" role="form">

  <?php  foreach($data as $rod)
  $tahun = $rod->id_smt;
  $jurusan = $rod->id_sms;
    ?>
    <div id="form-tahun" class="form-group">
     <input type="hidden" class="form-control" id="tahun" name="tahun" value="<?php echo $tahun;?>">
     </div>
     <div id="form-jurusan" class="form-group">
     <input type="hidden" class="form-control" id="jurusan" name="jurusan" value="<?php echo $jurusan;?>">       
        </div>
         Sedang Mengunggah :

        <div id="statmhs"> </div>
        <div id="statidmhs"> </div>
        <div id="statdsnpt"> </div>

<i class="fa fa-circle-o-notch fa-spin" style="font-size:24px"></i>   

JS:

$(document).ready(function() {

    $('#unggahsemua').submit(function(event) {

        $('.form-group').removeClass('has-error'); 
        $('.help-block').remove();

        var formData = {
             'tahun'              : $('input[name=tahun]').val(),
            'jurusan'             : $('input[name=jurusan]').val(),
        };

        // process the form
        $.ajax({
            type        : 'POST',
            url         : '<?=base_url()?>operator_pt/unggah/unggah_semua', // the url where we want to POST
            data        : formData, 
            dataType    : 'json', 
            encode      : true
        })

            .done(function(data) {


                console.log(data); 

                $('#statmhs').append('<div class="help-block">' + data.infounggahmhs + '</div>');
                $('#statidmhs').append('<div class="help-block">' + data.infounggahidmhs + '</div>');
                $('#statdsnpt').append('<div class="help-block">' + data.infounggahdsnpt + '</div>');


            .fail(function(data) {


                console.log(data);
            });


        event.preventDefault();
    });

});

Answer 1

您的 Javascript 代码中有错误..

您错过了 .fail 方法之前的右括号。另外，在 formData 对象的最后一个条目之后有一个额外的逗号

尝试更改为:

$(document).ready(function () {   
    $('#unggahsemua').submit(function (event) {
        $('.form-group').removeClass('has-error');
        $('.help-block').remove();

        var formData = {
            'tahun': $('input[name=tahun]').val(),
            'jurusan': $('input[name=jurusan]').val()
        };

        // process the form
        $.ajax({
            type: 'POST',
            url: '<?=base_url()?>operator_pt/unggah/unggah_semua', // the url where we want to POST
            data: formData,
            dataType: 'json',
            encode: true
        })    
        .done(function (data) {
            console.log(data);

            $('#statmhs').append('<div class="help-block">' + data.infounggahmhs + '</div>');
            $('#statidmhs').append('<div class="help-block">' + data.infounggahidmhs + '</div>');
            $('#statdsnpt').append('<div class="help-block">' + data.infounggahdsnpt + '</div>');
        })
        .fail(function (data) {
            console.log(data);
        });
        event.preventDefault();
    });
});