Paco Arce: HTML HTML5 JQUERY JAVASCRIPT LOAD GET PHP

Mostrando entradas con la etiqueta HTML HTML5 JQUERY JAVASCRIPT LOAD GET PHP. Mostrar todas las entradas

domingo, 15 de diciembre de 2013

Conexión a una base de datos a Coldfusion 10

Una de las características de ColdFusion más utilizados y potentes es la conectividad de base de datos. Usando sólo una pocas etiquetas CFML, puede conectarse y manipular datos de una amplia variedad de bases de datos.

Revisión de las bases de datos relacionales

• Una base de datos relacional es un conjunto estructurado de datos relacionados
• Los datos se organizan en tablas con filas y columnas de información
• Cada fila de una tabla se le asigna un identificador único, que se refiere como una clave principal, que se utiliza para relacionar tablas

Entender controladores de base de datos relacionales

ColdFusion se comunica con la fuente de datos a través de una interfaz de base de datos llamada Java Database Connectivity (JDBC).

JDBC es una API estándar para acceder a la información de diferentes sistemas de bases de datos y formatos de almacenamiento
Una vez que se configura una conexión entre una base de datos y ColdFusion, utilice Query Language (SQL) consultas estructuradas para extraer datos de la base de datos
El controlador convierte el SQL a la lengua materna adecuada de la base de datos

La etiqueta <cfquery>

La creación de los resultados de conjunto de registros (recordset) en una sentencia SQL SELECT envuelto dentro de la etiqueta de un CFML <cfquery> en la parte superior de la página que está abierta:

<cfquery ...>
SELECT id, nombre, apeliido
FROM alumnos
ORDER BY apellido
</ cfquery>

Agregar el atributo datasource de origen de datos

El atributo datasource identifica la fuente de datos para la etiqueta <cfquery>, que a utiliza los parámetros de conexión establecidos en el. Este parámetro es requerido para la etiqueta <cfquery>.

<cfquery datasource=“miBaseDatos”...>
SELECT id, nombre, apeliido
FROM alumnos
ORDER BY apellido
</ cfquery>

El resultado del query lo almacenaremos en una variable del atributo name. Por convención, es decir, si quiere seguir la regla, qué bueno, y si no, pues ni modo, iniciamos estas variables (en realidad objetos) con la letra “q”.

<cfquery datasource=“miBaseDados”. name=”qAlumnos”>
SELECT id, nombre, apeliido

FROM alumnos
ORDER BY apellido
</ cfquery>

A este tio de objeto lo conoceremos con “recordset”.

Una forma fácil de visualizar el resultado de un recordset es por medio de la etiqueta <cfdump>:

<cfdump var="#recordset#" />

Un recordset contiene, a parte de la información, el timpo de ejecución, el número de renglones etraidos, si el query a sido “cachado” (la nformación se encuentra en el cache del servidor), la sentencia SQL de donde provino la información.

Más información en http://www.pacoarce.com

martes, 19 de febrero de 2013

El método ajax()

Para tener completo control en el envío y recepción de datos, podemos utilizar el método ajax(), el cual es más completo, pero al tener tantos parámetros (32 parámetros opcionales, algunos de los cuales ya están desactualizados) se recomienda mejor utilizar métodos como load(), post() o get(). Aqui se da un ejemplo de cómo utilizar los principales parámetros:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Val</title>
<script src="jquery.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(inicio);
function inicio(){
    $("#popular").click(function(){
    onLeePoema("0")
    });
    $("#clasico").click(function(){
    onLeePoema("1")
    });
    $("#romantico").click(function(){
    onLeePoema("2")
    });
}
function onLeePoema(tipo){
    $.ajax({
        async:true,
        type:"POST",
        dataType:"html",
        contentType:"application/x-www-form-urlencoded",
        url:"poemaPOST.php",
        data:"poema="+tipo,
        beforeSend: inicioEnvio,
        success: llegadaEnvio,
        error: errorEnvio
    });
}
function inicioEnvio(){
    $("div").text("Inicio carga...");
}
function llegadaEnvio(datos){
    $("div").html(datos);
}
function errorEnvio(datos){
    $("div").text("No se pudo, lo siento");
}
</script>
</head>
<body>
<button id="popular">Poema popular</button>
<button id="clasico">Poema clásico</button>
<button id="romantico">Poema romántico</button>
<div></div>
</body>
</html>

Curso completo: https://www.udemy.com/jquery-y-mobile/
Ejemplo: http://pacoarce.com/jQuery/ajax.html

lunes, 18 de febrero de 2013

Los métodos GET y POST en jQuery

Con los métodos get y post podremos solicitar información a una página de internet que utiliza algun lenguaje intermedios en el servidor, como pueden ser PHP, Coldfusion o ASP.

GET - Solicita la información de una página determinada. Puede quedar la información en la memoria caché del navegador.
POST - Envía la información a ser procesada. Nunca se guarda en memoria caché la información.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>GET : Lee un poema</title>
<script src="jquery.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(inicio);
function inicio(){
$("button").click(onCargaPoema);
}
function onCargaPoema(){
    $.get("poema.php",function(data,status){
      $("div").html(data);
    });
}
</script>
</head>
<body>
<button>Pulsa para trer un poema del servidor</button>
<div></div>
</body>
</html>

El archivo de poema.php es bastante sencillo:

<?php
$poema = rand(0, 2);
if($poema==0){
    print "<h2>POEMA POPULAR</H2>";
    print "<p>EN EL AGUA CLARA</p>";
    print "<p>QUE BROTA EN LA FUENTE,</p>";
    print "<p>UN LINDO PESCADO</p>";
    print "<p>SALE DE REPENTE.</p>";
    print "<p>LINDO PESCADITO,</p>";
    print "<p>NO QUIERES VENIR</p>";
    print "<p>A JUGAR CON MI ARO?</p>";
    print "<p>VAMOS AL JARDÍN.</p>";
    print "<p>MI MAMÁ ME HA DICHO:</p>";
    print "<p>'NO SALGAS DE AQUÍ,</p>";
    print "<p>PORQUE SI TE SALES</p>";
    print "<p>TE VAS A MORIR'.</p>";
    print "<h3>Anónimo</h3>    ";
} else if($poema==1){
    print "<h2>REDONDILLAS</h2>";
    print "<p>Hombres necios que acusáis</p>";
    print "<p>a la mujer, sin razón,</p>";
    print "<p>sin ver que sois la ocasión</p>";
    print "<p>de lo mismo que culpáis;</p>";
    print "<br>";
    print "<p>si con ansia sin igual</p>";
    print "<p>solicitáis su desdén,</p>";
    print "<p>por qué queréis que obren bien</p>";
    print "<p>si las incitáis al mal?</p>";
    print "<h3>Sor Juana Ines de la Cruz</h3>";
} else if($poema==2){
    print "<h2>NOCTURNO A ROSARIO</h2>";
    print "<p>Pues bien, yo necesito</p>";
    print "<p>decirte que te adoro,</p>";
    print "<p>decirte que te quiero</p>";
    print "<p>con todo el corazón;</p>";
    print "<p>que es mucho lo que sufro,</p>";
    print "<p>que es mucho lo que lloro,</p>";
    print "<p>que ya no puedo tanto,</p>";
    print "<p>y al grito que te imploro</p>";
    print "<p>te imploro y te hablo en nombre</p>";
    print "<p>de mi última ilusión.</p>";
    print "<h3>MANUEL ACUÑA";
}
?>

NOTA: AMBOS ARCHIVOS DEBEN ESTAR EN EL SERVIDOR.