Scribd
Cargar
83 vistas5 páginas

Inserción de Registros con jQuery y PHP

Este documento proporciona instrucciones para crear un formulario web que permite insertar registros en una base de datos utilizando jQuery y PHP. Explica cómo crear dos archivos (index.html y insert.php) para mostrar un formulario, enviar los datos ingresados a una base de datos y mostrar un mensaje de confirmación. También indica dónde encontrar la información necesaria para conectarse a la base de datos alojada en el hosting.

Cargado por

Luis Antonio
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
83 vistas5 páginas

Inserción de Registros con jQuery y PHP

Este documento proporciona instrucciones para crear un formulario web que permite insertar registros en una base de datos utilizando jQuery y PHP. Explica cómo crear dos archivos (index.html y insert.php) para mostrar un formulario, enviar los datos ingresados a una base de datos y mostrar un mensaje de confirmación. También indica dónde encontrar la información necesaria para conectarse a la base de datos alojada en el hosting.

Cargado por

Luis Antonio
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

Universidad Gerardo Barrios

Programacin III
Docente: Lic. Luis Antonio Amaya Villalta.
[email protected]

Antes de crear estos archivos en tu servidor revisa los dos videos anteriores a
esta publicacin por favor, ah te explico cmo crear la base de datos y la tabla
con campos y registros.
Primero creamos el archivo

index. html

<html>
<head>
<title>Insercin de registros con JQUERY
MOBILE</title>
<!-- aqu puedes escribir tu comentario-->
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/j
query.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$("#insert").click(function(){
var name=$("#name").val();
var email=$("#email").val();
$.post('insert.php', { name: name, email: email},
function(data){
$("#message").html(data);

$("#message").hide();
$("#message").fadeIn(1500);
});
return false;
});
});
</script>
</head>
<body>
<label>Name: </label> <input id="name"
type="text" />
<label>E-Mail: </label> <input id="email"
type="text" />
<a id="insert" title="Insert Data"
href="#">GUARDAR</a>
<!rea especial para mostrar el mensaje-->
<div id="message"></div>
<br><br><br><br><br><br><br><br><br><br><br
><br><br><br><br><br>
<br><br><br><br><br><br><br>
</body>
</html>

Ahora el archivo php, este archivo debes llamarlo


insert.php
<?php
Para conectarme con la base de datos de m hosting
necesito ciertos datos tales como el nombre del
servidor, el nombre de la base de datos, nombre de la
tabla, etc y esos datos los encuentro en:

$servername = "sql305.260mb.net";
Estos datos estn en
$username = "n260m_16531772"; cpanel-----mysql
$password = "aqu tu contrasea";
$dbname = "n260m_16531772_encuesta";

Estos datos los encuentras en Panel de Control:

De ah se sacan esos datos!!!!!!!!!!!!!


Luego..
$variable1=$_REQUEST['name'];
$variable2=$_REQUEST['email'];
$conn = mysqli_connect($servername, $username,
$password, $dbname);
if (!$conn) {
die("Connection failed: " . mysqli_connect_error());
}
$sql = "INSERT INTO encuesta(campo1, campo2)
VALUES ('$variable1', '$variable2')";
if (mysqli_query($conn, $sql)) {

Mi Tabla

echo "Registro Guardado Satisfactoriamente!!!!";


} else {
echo "Error: " . $sql . "<br>" . mysqli_error($conn);

}
mysqli_close($conn);
?>

Sube estos dos archivos a tu servidor y prubalos!!!!!!!

Corre el archivo index.html escribe algo en las cajitas


y presiona el botn, te debe aparecer el mensaje
Registro Guardado Satisfactoriamente!!!!
Sino un mensaje de error.

Una vez te haya funcionado, emula este cdigo para tu


proyecto de la encuesta de satisfaccin!!!!!!!

También podría gustarte