JavaScript
JavaScript es un lenguaje de programación interpretado. Se define como orientado a objetos, basado en prototipos, imperativo, débilmente tipado y dinámico.
Se utiliza principalmente en su forma del lado del cliente (client-side), implementado como parte de un navegador web permitiendo mejoras en la interfaz de usuario y páginas web dinámicas, aunque existe una forma de JavaScript del lado del servidor (Server-side JavaScript o SSJS).
JavaScript se diseñó con una sintaxis similar al C, aunque adopta nombres y convenciones del lenguaje de programación Java. Sin embargo Javay JavaScript no están relacionados y tienen semánticas y propósitos diferentes.
Todos los navegadores modernos interpretan el código JavaScript integrado en las páginas web. Tradicionalmente se venía utilizando en páginas web HTML para realizar operaciones y únicamente en el marco de la aplicación cliente, sin acceso a funciones del servidor.
Entonces podemos decir que JavaScript sirve principalmente para mejorar la gestión de la interfaz cliente/servidor. Un scriptJavaScript insertado en un documento HTML permite reconocer y tratar localmente, es decir, en el cliente, los eventos generados por el usuario. Estos eventos pueden ser el recorrido del propio documento HTML o la gestión de un formulario.
Ejemplo:
Cuando la página HTML es un formulario que permite acceder a un directorio telefónico, se puede insertar un script que verifique la validez de los parámetros proporcionados por el usuario. Esta prueba se efectúa localmente y no necesita un acceso a la red.
Por otro lado, también se podrá utilizar JavaScript para efectuar varias operaciones a la vez; por ejemplo, acompañar el acceso a un documento HTML de la visualización de un vídeo o la ejecución de un applet de Java etc.
Todo código en JavaScript debe estar contenido dentro de los tag <script> </script>
para que pueda ser interpretado.
En siguiente código es una función creada como prueba para el proyecto realizado en el ramo.
Se ocupa AJAX ademas.
Ejemplo función :
function envio(){
var hr=new XMLHttpRequest(); // se crea una variable para el uso de ajax
var url="pregunta.php"; //nombre del archivo al cual sera enviado el ajax
var nom=document.getElementById("x0").value;//obtiene el valor del campo x0
var edad=document.getElementById("x1").value;//obtiene el valor del campo x0
var vars="nom="+nom+"&edad="+edad; // se concatenan los parámetros a enviar
hr.open("POST",url,true);//se determina el método de envió, ademas de la url
hr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
hr.onreadystatechange=function(){
if(hr.readyState==4 && hr.status==200){
document.getElementById("bd").innerHTML=hr.responseText;
//si se creado con éxito la variable hr y se ha tenido una respuesta de parte de php, se determina en donde se incrustara lo recibido de php.
}
}
hr.send(vars); // se envía la petición.
}
lo que realiza la función es enviar 2 parámetros al archivo pregunta.php; estos parámetros son capturados con el nombre del elemento "var nom = document.getElementById("x0") .value;"; En este caso los parámetros son capturados de dos input.text. En el archivo .php se procesan estos datos, y con estos mismos se hace una consulta a la base de datos ocupada, el cual retorna la información que se le solicita. Esta información se presenta en un formato html, y se devuelve al div "bd" el cual se determino en la función envio();
Fuentes: http://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=590:ique-es-y-para-que-sirve-javascript-embeber-javascript-en-html-ejercicio-ejemplo-basico-cu00731b&catid=69:tutorial-basico-programador-web-html-desde-cero&Itemid=192
http://www.4rsoluciones.com/para-que-se-utiliza-javascript/
para que pueda ser interpretado.
En siguiente código es una función creada como prueba para el proyecto realizado en el ramo.
Se ocupa AJAX ademas.
Ejemplo función :
function envio(){
var hr=new XMLHttpRequest(); // se crea una variable para el uso de ajax
var url="pregunta.php"; //nombre del archivo al cual sera enviado el ajax
var nom=document.getElementById("x0").value;//obtiene el valor del campo x0
var edad=document.getElementById("x1").value;//obtiene el valor del campo x0
var vars="nom="+nom+"&edad="+edad; // se concatenan los parámetros a enviar
hr.open("POST",url,true);//se determina el método de envió, ademas de la url
hr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
hr.onreadystatechange=function(){
if(hr.readyState==4 && hr.status==200){
document.getElementById("bd").innerHTML=hr.responseText;
//si se creado con éxito la variable hr y se ha tenido una respuesta de parte de php, se determina en donde se incrustara lo recibido de php.
}
}
hr.send(vars); // se envía la petición.
}
lo que realiza la función es enviar 2 parámetros al archivo pregunta.php; estos parámetros son capturados con el nombre del elemento "var nom = document.getElementById("x0") .value;"; En este caso los parámetros son capturados de dos input.text. En el archivo .php se procesan estos datos, y con estos mismos se hace una consulta a la base de datos ocupada, el cual retorna la información que se le solicita. Esta información se presenta en un formato html, y se devuelve al div "bd" el cual se determino en la función envio();
Fuentes: http://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=590:ique-es-y-para-que-sirve-javascript-embeber-javascript-en-html-ejercicio-ejemplo-basico-cu00731b&catid=69:tutorial-basico-programador-web-html-desde-cero&Itemid=192
http://www.4rsoluciones.com/para-que-se-utiliza-javascript/
No hay comentarios:
Publicar un comentario