鏈接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庫