Question

首先感谢阅读。

您有一个我正在尝试通过Ajax收集数据的表单。我做了它将ajax代码放入<script> </script>标签，它工作正常。但当我把它移到一个文件夹（js / registrarciu_ajax.js）并添加<script src="js/registrarciu_ajax.js"> </script＆gt;它没有工作！。

Index.php链接标记

<script type="text/javascript" src="bootstrap/js/registrarciu_ajax.js"></script>

index.php表格：

            <form method="POST" id="form-registrar-ciu" action="" class="form-horizontal">
            <div class="form-group">
                <label for="nombre_apellido">Nombre_Apellido</label>
                <input type="text" class="form-control" name="nombre_apellido" id="nombre_apellido" placeholder="Phillip_Rousseau">
            </div>
            <div class="form-group">
                <label for="dni">N° DNI/Pasaporte</label>
                <input type="text" class="form-control" name="dni" id="dni" placeholder="42393402">
            </div>
            <div class="form-group">
                <input type="text" class="form-control" name="edad" id="edad" for="edad" placeholder="Edad">
            </div>
            <div class="form-group">
                <input type="text" class="form-control" name="residencia" id="residencia" for="residencia" placeholder="LS/SF/LV">
            </div>
            <input class="btn btn-success" id="registrar-btn" type="button" value="Registrar"> Registrar ciudadano>
        </form>

Ajax代码：

 $(document).ready(function(){
$("#registrar-btn").click(function(){
    var nombre_apellido = $("#nombre_apellido").val();
    var dni = $("#dni").val();
    var edad = $("#edad").val();
    var residencia = $("#residencia").val();
    // Returns successful data submission message when the entered information is stored in database.
    var dataString = 'nombre_apellido1='+ nombre_apellido + '&dni1='+ dni + '&edad1='+ edad + '&residencia1='+ residencia;
    if(nombre_apellido==''||dni==''||edad==''||residencia=='')
    {
        alert("Please Fill All Fields");
    }
    else
    {
        // AJAX Code To Submit Form.
        $.ajax({
        type: "POST",
        url: "registrar_ciu.php",
        data: dataString,
        cache: false,
        success: function(result){
        alert(result);
        }
});
}
return false;
});
});

我认为没有必要将.php文件放在引用ajax代码中，因为它工作正常。问题是，当我单击表单的按钮时，它不会引用位于'js'文件夹中的.js文件（但如果ajax代码在表单的同一文件中，它可用于'脚本'标签＆GT;

Answer 1

如果不是，那么只需在从

调用js文件的脚本标记之前添加它

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>

或您喜欢的任何其他jquery库;你需要jQuery库才能运行jQuery

链接ajax文档

1 个答案: