</div>
</div>
</div>
<hr class="my12 outline-none baw0 bb bc-powder-2">
<div class="grid fw-nowrap fc-black-600">
<div class="grid--cell mr8">
<svg aria-hidden="true" class="svg-icon iconLightbulb" width="18" height="18" viewbox="0 0 18 18"><path d="M9.5.5a.5.5 0 0 0-1 0v.25a.5.5 0 0 0 1 0V.5zm5.6 2.1a.5.5 0 0 0-.7-.7l-.25.25a.5.5 0 0 0 .7.7l.25-.25zM1 7.5c0-.28.22-.5.5-.5H2a.5.5 0 0 1 0 1h-.5a.5.5 0 0 1-.5-.5zm14.5 0c0-.28.22-.5.5-.5h.5a.5.5 0 0 1 0 1H16a.5.5 0 0 1-.5-.5zM2.9 1.9c.2-.2.5-.2.7 0l.25.25a.5.5 0 1 1-.7.7L2.9 2.6a.5.5 0 0 1 0-.7z" fill-opacity=".4"></path><path opacity=".4" d="M7 16h4v1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-1z" fill="#3F3F3F"></path><path d="M15 8a6 6 0 0 1-3.5 5.46V14a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-.54A6 6 0 1 1 15 8zm-4.15-3.85a.5.5 0 0 0-.7.7l2 2a.5.5 0 0 0 .7-.7l-2-2z" fill="#FFC166"></path></svg>
</div>
<div class="grid--cell lh-md">
<p class="mb0">
<b>Want to improve this question?</b> <a href="/posts/43500652/edit">Update the question</a> so it's <a href="/help/on-topic">on-topic</a> for Stack Overflow.
</p>
<p class="mb0 mt6">Closed <span title="2017-04-19 20:28:57Z" class="relativetime">3 years ago</span>.</p>
</div>
</div>
</aside>
first of all thanks for reading.
Hi have a form which I'm trying to collect data through Ajax.
I did it putting the ajax code into the <script> </script>
tags and it worked fine. But when i moved it to a folder (js/registrarciu_ajax.js) and added <script src="js/registrarciu_ajax.js"> </script
> it hasn't been working!.
Index.php linking tag
<script type="text/javascript" src="bootstrap/js/registrarciu_ajax.js"></script>
index.php form:
<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 code:
$(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;
});
});
I don't think it's necessary to put the .php file who refer the ajax code, because it works fine. The problem is that when I click the form's button, it doesn't refer to the .js file which is in the 'js' folder (but it works if the ajax code is in the same file of the form, into 'scripts' tag>
</div>