-2

次のスクリプトがうまく動作しないのはなぜですか?

関数の外側に$(document).readyありwindow.onload、関数を呼び出すことができず、ページを更新するようなものです。脚本も慣れてきたし大丈夫…

$(function () {
    $('.media-table').dataTable({
        "bJQueryUI": false,
        "bAutoWidth": false,
        "bSort": true,
        "bInfo":true,
        "iDisplayLength": 10,
        "aoColumnDefs": [{"bSortable": false,
                        "aTargets": [ -1]}],
        "bServerSide":true,
        "sAjaxSource": 'module/view/dataMember.php',
        "sPaginationType": "full_numbers",
        "sDom": '<"datatable-header"fl>t<"datatable-footer"ip>',
        "oLanguage": {
            "sSearch": "<span>Search:</span> _INPUT_",
            "sLengthMenu": "<span>Show entries:</span> _MENU_",
            "oPaginate": { "sFirst": " First ", "sLast": " Last ", "sNext": " Next ", "sPrevious": " Prev " }
        },
        "aoColumnDefs": [
            { "bSortable": false, "aTargets": [ 0, 4 ] }
        ]
    });
});

function rad(){
    var url = "module/master/element.php";
    var form_data = {
        is_ajax: 'radPackage',
    };
    $.ajax({
        type: "POST",
        url: url,
        data: form_data,
        success: function(str)
        {
            $('#radPackageEdit').html(str);
        }
    });
    return false;
}

window.onload = function() {
    rad();
};

function actDetail(Object){
    alert(Object);
    var url = "module/master/controller.php";
    var form_data = {
        ident : Object,
        is_ajax: 'viewer',
        content: 'member'
    };
    $.ajax({
        type: "POST",
        url: url,
        data: form_data,
        success: function(msg)
        {
            data = msg.split("|");
            alert(data);
            $("#idMemberDetail").val(data[0]);
            $("#ktpDetail").val(data[1]);
            $("#nameDetail").val(data[2]);
            $("#address1Detail").val(data[3]);
            $("#genderDetail").val(data[4]);
            $("#telephoneDetail").val(data[5]);
            $("#packageNameDetail").val(data[6]);
            $("#smsServiceDetail").html(data[8]);
            $("#saldoDetail").val(data[7]);
            $("#expiredDetail").html(data[9]);
            $('#modalDetail').modal('show');
        }
    });
    return false;
}

function delDetail(Object){
    alert(Object);
    var url = "module/master/controller.php";
    var form_data = {
        ident : Object,
        is_ajax: 'viewer',
        content: 'member'
    };
    $.ajax({
        type: "POST",
        url: url,
        data: form_data,
        success: function(msg)
        {
            data = msg.split("|");
            alert(data);
            $("#idMemberDelete").val(data[0]);
            $("#ktpDelete").val(data[1]);
            $("#nameDelete").val(data[2]);
            $('#modalDelete').modal('show');
        }
    });
    return false;
}

function actEdit(Object){
    var url = "module/master/controller.php";
    var form_data = {
        ident : Object,
        is_ajax: 'viewer',
        content: 'member'
    };
    $.ajax({
        type: "POST",
        url: url,
        data: form_data,
        success: function(msg)
        {
            data = msg.split("|");
            alert(data);
            $("#idMemberEdit").val(data[0]);
            $("#ktpEdit").val(data[1]);
            $("#nameEdit").val(data[2]);
            $("#address1Edit").val(data[3]);
            $("#genderEdit").val(data[4]);
            $("#telephoneEdit").val(data[5]);
            $("#radPackageEdit").val(data[11]);
            $("#smsServiceEdit").val(data[10]);
            $("#saldoEdit").val(data[7]);
            $('#modalEdit').modal('show');
        }
    });
    return false;
}

function actDel(){
    var url = "module/master/controller.php";
    var form_data = {
        ident : $.trim($('#idMemberDelete').val()),
        is_ajax: 'delete',
        content: 'member'
    };
    $.ajax({
        type: "POST",
        url: url,
        data: form_data,
        success: function(data)
        {
            if (data==1){
                delSukses();
                $(".media-table").dataTable().fnDraw();
                clearAll();
            }
            else if(data==0){
                delGagal();
            }
            else{
                inpoServer();
            }
        }
    });
    return false;
}

function clearAll(){
    alert('cleardata');
    $("#idMemberDelete").val('');
    $("#nameDelete").val('');
    $("#ktpDelete").val('');
}

function delSukses(){
    $.jGrowl('Data berhasil dihapus!', {
        life: 3000,
        theme: 'growl-success',
        header: 'Success!'
    });
}
function delGagal(){
    $.jGrowl('Data gagal dihapus!', {
        life: 3000,
        theme: 'growl-error',
        header: 'Failed!'
    });
}
function inpoServer(){
    $.jGrowl('Server error, connection timeout!', {
        life: 3000,
        theme: 'growl-warning',
        header: 'Timeout!'
    });
}
function attention(){
    $.jGrowl('Diminta berhati-hati dalam melakukan perubahan dan penghapusan data.', {
        life: 3000,
        theme: 'growl-warning',
        header: 'Perhatian!'
    });
}

function editDetail(){
     var ident = $("#idMemberDetail").val();
     actEdit(ident);
}

$(document).ready(function(){
    $('#formEdit').submit(function(){
        var url = "module/master/controller.php";
        var form_data = {
            idMember : $.trim($('#idMemberEdit').val()),
            name : $.trim($('#nameEdit').val()),
            ktp : $.trim($('#ktpEdit').val()),
            address1 : $.trim($('#address1Edit').val()),
            gender : $.trim($('#genderEdit').val()),
            phone : $.trim($('#telephoneEdit').val()),
            paketGym : $.trim($('#radPackageEdit').val()),
            smsService : $.trim($('#smsServiceEdit').val()),
            saldo : $.trim($('#saldoEdit').val()),
            is_ajax: 'edit',
            content: 'member'
        };
        $.ajax({
            type: "POST",
            url: url,
            data: form_data,
            success: function(data)
            {
                alert(data);
                if (data==1){
                    addSukses();
                    $(".media-table").dataTable().fnDraw();
                    $('#modalEdit').modal('hide');
                    clearAll();
                  }
                else if(data==2){
                    addData();
                }
                else if(data==0){
                    addGagal();
                }
                  else{
                    inpoServer();
                  }
            }
        });
        return false;
    });

    function clearAll(){
        $("#idMemberEdit").val('');
        $("#nameEdit").val('');
        $("#ktpEdit").val('');
        $("#address1Edit").val('');
        $("#telephoneEdit").val('+62');
        $("#saldoEdit").val('0');
    }

    function addSukses(){
        $.jGrowl('Data yang Anda Masukkan berhasil disimpan!', {
            life: 3000,
            theme: 'growl-success',
            header: 'Success!'
        });
    }
    function addGagal(){
        $.jGrowl('Data yang Anda Masukkan gagal disimpan, silahkan dicek secara manual inputan anda.', {
            life: 3000,
            theme: 'growl-error',
            header: 'Failed!'
        });
    }
    function addData(){
        $.jGrowl('Data yang Anda Masukkan gagal disimpan, karena data sudah ada.', {
            life: 3000,
            theme: 'growl-error',
            header: 'Failed!'
        });
    }
    function inpoServer(){
        $.jGrowl('Server error, connection timeout!', {
            life: 3000,
            theme: 'growl-warning',
            header: 'Timeout!'
        });
    }
});

を見てくださいfunction actDel()。delSukses() を実行することはできず、単にページ機能を更新するだけですが、$(document).readyin$('#formEdit').submitでは addSukses() およびその他の関数を実行できます。このスクリプトで何が間違っていますか?

4

1 に答える 1