我正在尝试将一些代码放在一起。我已经能够在我的网页中加载一个导航栏,它可以完美运行。我还能够使用AJAX执行php函数,它返回一些值并将它们打印在我的网页中。问题是我无法将这些代码放在一起,这是行不通的。
这是我使用AJAX执行php函数的代码:
funcion_calcular.js
$(document).ready(function() {
$("#boton").click(function() {
var val = $('#IBC').val();
var porcentaje_riesgos =
$('[name=porcentaje_riesgos]:checked').val();
var exento_salud = $('[name=exento_salud]:checked').val();
$.ajax({
url: 'costo_empleado.php',
type: 'POST',
data: {
"IBC": val,
"porcentaje_riesgos": porcentaje_riesgos,
"exento_salud": exento_salud
},
success: function(response) {
$('#resultado').html(response);
}
});
});
});
我在HTML内使用它,例如:
<script type="text/javascript" src="funcion_calcular.js"></script>
在那之后,我有了这个来装载我的nabber:
<script type="text/javascript">
$(document).ready(function(){
$('#header').load('barra_navegacion.html');
});
</script>
导航栏显示正确,问题是该函数(funcion_calcular)将不再执行。在控制台中,它说“ .ajax不是函数”。如果我分开使用这些代码,它们将完美工作。
这是我的barra_navegacion.html代码:
<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top">
<a class="navbar-brand" href="mis_procesos.html">Mis Procesos</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="empresas.html">Empresas <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="mis_procesos.html">Trabajadores</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">Contactanos</a>
</li>
</ul>
<div>
<a href="#" class="btn btn-success">Ingresar</a>
</div>
</div>
</nav>
</header>