Javascript jquery AJAX Post不工作Codeigniter

我目前正在学习jqueryajax，我正在尝试将我的标准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>   

---

您的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();
    });
});

$（文档）.ready（函数（）{
$（'unggahsemua'）。提交（函数（事件）{
$（'.form group'）.removeClass（'has-error'）；
$（'.help块'）.remove（）；
var formData={
'tahun'：$（'input[name=tahun]'）。val（），
'jurusan'：$（'input[name=jurusan]'）。val（）
};
//处理表格
$.ajax({
键入：“POST”，
url:‘operator_pt/unggah/unggah_semua’，//我们要发布的url
数据：formData，
数据类型：“json”，
编码：正确
})    
.完成（功能（数据）{
控制台日志（数据）；
$（'#statmhs'）.append（''+data.infounggahms+''）；
$（“#statidmhs”）.append（“”+data.infounggahidmhs+“”）；
$（'#statdsnpt'）。追加（''+data.infounggahdsnpt+''）；
})
.失败（功能（数据）{
控制台日志（数据）；
});
event.preventDefault（）；
});
});
您必须停止表单提交的默认执行，因为您必须使用ajax

$(document).ready(function () {   
    $('#unggahsemua').submit(function (event) {
      event.preventDefault() //<------- Add this line
        $('.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);
        });

    });
});

$（文档）.ready（函数（）{
$（'unggahsemua'）。提交（函数（事件）{
event.preventDefault（）//如果使用
form action=“”method=“POST”name=“”role=“form”
，请确保在
config.php
中更改
$config['csrf\u protection']=TRUE
；改为
FALSE
。
但是，如果要将其设置为真，必须使用
form_open（）
您的JS是在
标记中还是在另一个文件中？在发送Ajax请求之前，在同一个文件中使用尝试阻止默认事件，这样您就不会发送两次。我不明白，如何做？放置
事件。preventDefault（）
在函数的开头，这是绝对神奇的，谢谢你的回答……这是工作：）
$(document).ready(function () {   
    $('#unggahsemua').submit(function (event) {
      event.preventDefault() //<------- Add this line
        $('.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);
        });

    });
});