链接ajax文档

Question

首先感谢阅读。

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

的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代码位于表单的同一个文件中，它可以工作到'脚本'标签>

Answer 1

，如果你没有，那么简单的脚本标签前添加此您呼叫从

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

，或者你喜欢的任何其他jQuery库js文件，你才能运行jQuery的需要jQuery库