我在php应用程序中遇到了很大的问题。每次单击我的应用程序上的菜单按钮时,对jquery-1.11.1.min.js的GET请求数量都会增加2。
一个例子:
A有一个名为进程条目的按钮。该按钮在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文件中(仅加载一次),第7行的按钮id="process_entry_button"
将停止工作。
如何只加载一次JavaScript文件并将其用于我的应用程序上的所有AJAX请求,避免每次都重新加载?
答案 0 :(得分:1)
应该使用以下命令禁用侦听器:
$('#btn_process_entry').off("click");
$('#btn_process_entry').on("click", function(){
...
});