如何在外部 js 文件中编写 Codeigniter 代码？

Question

我使用codeigniter框架在Php文件中编写的给定代码，但我想在外部Js文件中编写以下代码并通过脚本src加载头文件如何在external_script.js中执行此操作我试过这个但没有得到这种方式单击提交按钮时正在刷新页面。

在这里我将 base_url 传递给脚本文件 external.js

 <script type="text/javascript">
       base_url: '<?= base_url() ?>',
     </script>
    <script type="text/javascript" src="<?= base_url();?>files/external.js"></script>



//Below code in external.js

$("body").on("submit","#submit_form",function(event){
         event.preventDefault();
            $('#sub_btn').prop("disabled", true);
            $.ajax({

                url: <?=base_url('Controller/method name')?>
                type: "POST",
               data: new FormData(this),
                cache: false,
               contentType: false,
                processData: false,
                success: function (response) {
                    if (response === 'success') {
                        $(".show_res").html('information updated successfully');
                        $('#sub_btn').prop("disabled", false);
                     document.getElementById('submit_form').reset();
                    }

                }
            });

        }));

Answer 1

var getUrl = window.location;
var baseUrl = getUrl .protocol + "//" + getUrl.host + "/" + getUrl.pathname.split('/')[1];

$("body").on("submit","#submit_form",function(event){
     event.preventDefault();
        $('#sub_btn').prop("disabled", true);
        $.ajax({

            url: baseUrl+'Controller/method name',
            type: "POST",
           data: new FormData(this),
            cache: false,
           contentType: false,
            processData: false,
            success: function (response) {
                if (response === 'success') {
                    $(".show_res").html('information updated successfully');
                    $('#sub_btn').prop("disabled", false);
                 document.getElementById('submit_form').reset();
                }

            }
        });

    }));

希望对你有帮助