ajaxドキュメントをリンクする

Question

まずは読んでいただきありがとうございます。

こんにちは、私はAjaxを通じてデータを収集しようとしています。 私はAjaxコードを<script> </script>タグに入れました。うまくいきました。しかし、私はそれをフォルダ（js/registrarciu_ajax.js）に移動し、<script src="js/registrarciu_ajax.js"> </scriptを追加しても動作していません！

  <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コード：タグ

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

のindex.phpフォームリンク

のindex.php

$(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コードがフォームの同じファイル内にある場合、 'scripts'タグ>

Answer 1

そうでない場合は、単にあなたが

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

またはあなたが好む他のjQueryライブラリからJSファイルを呼び出すスクリプトタグの前にこれを追加します。あなたはjQueryのを実行するためにjQueryライブラリを必要とします