javascript - php 应用程序请求过多

Question

我在 PHP 应用程序中遇到了一个大问题。每次单击应用程序上的菜单按钮时，对 jquery-1.11.1.min.js 的 GET 请求数量都会增加 2。

一个例子:

有一个名为进程条目的按钮。该按钮在 ajax 请求之后调用该按钮

                $('#btn_process_entry').click(function () {
                    $.ajax({
                    type: "POST",
                    url: "process_entry.php",
                    dataType: "html",            
                        success: function(response){
                            $("#general_use_div").html(response).fadeIn("slow");
                        }
                        });
                    });

文件process_entry.php返回以下html内容

<script type="text/javascript" src="js/ajax_functions.js"></script>
 <br><br>
 <h1 align="center">Processar Ficha</h1>
 <form>
    <table class="table table-bordered table_form">
        <tr><td align="center">CÓDIGO DE BARRAS</td>              <td><input type="text" id="in_process_entry_bar_code" required></td>
            <td align="center" colspan="2"><input type="button" class="btn btn-primary btn-table" id="process_entry_button" value="Validar"></td></tr>
    </table>
 </form>
<div id="process_entry_result_div">
</div>

我知道过多的请求是由第1行的脚本引起的，该脚本包含上面的ajax请求和其他一些请求。但是如果我删除该行并将其添加到我的 main.php 文件(仅加载一次)按钮 id="process_entry_button" 7号线停止运行。

如何仅加载一次 JavaScript 文件并将其用于应用程序上的所有 AJAX 请求，从而避免每次都重新加载？

Answer 1

应该先禁用监听器，使用:

$('#btn_process_entry').off("click");
$('#btn_process_entry').on("click", function(){
    ...
});