无法调用两个JavaScript函数

时间:2019-02-12 14:36:10

标签: javascript html

我正在尝试将一些代码放在一起。我已经能够在我的网页中加载一个导航栏,它可以完美运行。我还能够使用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>

0 个答案:

没有答案