elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Tutorial básico de Quickjs


+  Foro de elhacker.net
|-+  Programación
| |-+  Programación General
| | |-+  .NET (C#, VB.NET, ASP) (Moderador: kub0x)
| | | |-+  Ajax y asp.net 2.0 ,utilizando XMLHTTP
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Ajax y asp.net 2.0 ,utilizando XMLHTTP  (Leído 3,145 veces)
softdonet

Desconectado Desconectado

Mensajes: 13



Ver Perfil WWW
Ajax y asp.net 2.0 ,utilizando XMLHTTP
« en: 23 Diciembre 2008, 20:40 pm »

Hola a todos.en esta oportunidad aca les dejo un mini tutorial de ajax con asp.net ,sabes que ajax es un conjunto de tecnologias web en el cual evita que la pagina se refresque o se  actualise  solicitar la informacion de alogada en una base de datos o realizar cualquier otra operacion web.

aca les dejo un pequeño ejemplo de logeo utilizando el evento keyUp de un textbox se pueda realizar la consulta directamente ala base de datos

sin mas detalles a ca el ejemplo

lo que Vamos hacer primero es crear una base de datos , y nuestra tabla usarios

Código
  1.  
  2. GO
  3. USE master
  4. GO
  5. DROP DATABASE usuarios
  6. GO
  7. CREATE DATABASE usuarios
  8. GO
  9. USE usuarios
  10. GO
  11. CREATE TABLE usuarios
  12. (
  13. idus INT IDENTITY PRIMARY KEY,
  14. usename VARCHAR(20),
  15. pwd VARCHAR(20)
  16. )
  17. GO
  18. INSERT INTO usuarios VALUES('admin','admin')
  19. INSERT INTO usuarios VALUES('Jose','Guevara')
  20. INSERT INTO usuarios VALUES('operador','opera')
  21.  

Una ves que emos crado nestra base de datos y nuestra tabla respectiva

vamos a relizar nuestro diseño del formulario de  nuestra pagina web

a nuestra pagina lo llamaremos loing.aspx


Código
  1. <%@ Page Language="VB" AutoEventWireup="false" CodeFile="loing.aspx.vb" Inherits="usarios_loing" %>
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" >
  6. <head runat="server">
  7.    <title>Página sin título</title>
  8.        <script language="javascript" src="../AjaxNet.js" type="text/javascript" > </script>
  9.  
  10. </head>
  11. <body>
  12.    <form id="form1" runat="server">
  13.        <table>
  14.            <tr>
  15.                <td style="width: 100px">
  16.                    Usuario</td>
  17.                <td style="width: 100px">
  18.                    <asp:TextBox ID="t1" runat="server"></asp:TextBox></td>
  19.                <td style="width: 100px">
  20.                </td>
  21.            </tr>
  22.            <tr>
  23.                <td style="width: 100px">
  24.                    contraseña</td>
  25.                <td style="width: 100px">
  26.                    <asp:TextBox ID="t2" runat="server" onkeyup="usuarios();"></asp:TextBox>
  27.                    <div id='resultado'></div>
  28.                    </td>
  29.                <td style="width: 100px">
  30.                </td>
  31.            </tr>
  32.            <tr>
  33.                <td style="width: 100px">
  34.                    <input id="log" type="button" value="Loing"  onclick="usuarios();"/></td>
  35.                <td style="width: 100px">
  36.                </td>
  37.                <td style="width: 100px">
  38.                </td>
  39.            </tr>
  40.        </table>
  41.        <div id="msj" style="position:absolute;left:260px;top:180px;width:450px">  
  42.  
  43.        </div>
  44.        <br />
  45.        <br />
  46.    </form>
  47. </body>
  48. </html>
  49.  
  50.  
  51.  



opteneido como resultado lo siguiente.



ahra vemromos la parate de progracion lo que nos interesa .

para esta aplicacion vamos utilizar un "js" es decir un arcivo jacascript en donde alogaremos todo la informacion del lado del clinte.

el archivo js lo llamaremos "AjaxNet.js"
 en este directorio vamos a declara un funcion llamada


usuario en donde se alamacenara toda la invorcion que se solicite al momneto que nosotri digitemos en las cajas de texto y verifique la informacion conrrespondiente con la base de datos.

Código
  1. function usuarios(){
  2.  
  3. ajax = new ActiveXObject("Microsoft.XMLHTTP");
  4. var uss = document.getElementById('t1').value;
  5. var pas = document.getElementById('t2').value;
  6. var boton=document.getElementById("log");
  7. ajax.open("GET", "VereFic_Loing.aspx?us="+uss+"&ps="+pas,true);
  8. //  ajax.open("Get","VereFic_Loing.aspx?us="+uss+"&ps="+pas,true);
  9. document.getElementById('resultado').innerHTML="";
  10. if (ajax) {
  11.  
  12. ajax.onreadystatechange = function() {
  13. //alert(ajax.status);
  14. boton.disabled=true;
  15. if (ajax.readyState == 4 && (ajax.status == 200 || ajax.status == 304 || ajax.status == 500)) {
  16. document.getElementById('resultado').innerHTML="";
  17. document.getElementById('resultado').innerHTML = ajax.responseText;
  18. boton.disabled=false;
  19. }
  20. }
  21. //req.open('GET', pos_url +'?nombre='+nombre,true);
  22. ajax.send(null);
  23. }
  24.  
  25. }
  26.  
  27.  


una ves que creado
 aura vamos a crea la paguian aspx del lado del servidor en donde se va verfica la existencia del usario

lo llamaremos a nuestra pagina
VereFic_Loing.aspx


el cual contendra lo siguente





Código
  1. <%@ Page Language="VB"%>
  2.  
  3. <%@ Import Namespace="system.Data.SqlClient"%>
  4. <%@ Import Namespace="system.Data"%>
  5.  
  6. <script runat="server">
  7.    'lo  primero que se debe ralizar es importar los Namespace
  8.    'tanto el data com el SqlClient
  9.    'estos Namespace contienen las libreriar que interactuan con
  10.    'el administrador de base de datos utilizamos es decir con el sql server
  11.  
  12.    '================0
  13.    'una ves que hemos importado las librerias cramos nuetra acadena de conexion
  14.    ' a nuestra cadena de conexion lo vamos ha llamr con
  15.  
  16.    Dim con As New SqlConnection("Integrated security=sspi;server=.;database=usuarios")
  17.    'database: nos permita optener el nombre de la base de datos con la que vamos a trabajar
  18.    'en este caso nuetra base de datos se llama usuarios
  19.    'SERVER:NOS DA EL ORIGEN DE DATOS ,EN ESTE CAMO ESTAMOS TRABAJANDO LOCALMENTE,
  20.    'SOLAMENTE PODRMOS PUNTO O SIMPLEMENTE (LOCAL), O EL NOMBRE DE L MAQUEINA PERO SI NUETRS BASE DE DATOS
  21.    'ESTUBIERA ALOGADO EN UN SERVIDOR TENDRIAMOS PONER EL NOMBRE DEL SERVIDOR POR EJEMPLO
  22.    'EL SERVIDOR QUE ESTA ALOGADA NUESTRA BASE DE DATOS TOMARA EL IP:200.65.15.3
  23.    'EL ORIENGE DEDATOS SERIA SERVER=200.65.15.3.
  24.  
  25.    Sub page_load(ByVal sender As Object, ByVal e As System.EventArgs)
  26.        ' el la varible user resivimos el parametro us que declaramos la funcion ajax
  27.        Dim user As String = Request.QueryString("us") 'recibimos el paramtro del usarios
  28.        Dim pas As String = Request.QueryString("ps") 'recibimos el paramtro del contraseña
  29.        'llamamos ala funcion  y enviamos los parametros solicitados, tanto el usario con la contraseña
  30.  
  31.        If users(user, pas).Rows.Count = 0 Then
  32.            'en caso la contraseña  y/o usario sea inconrrecto mostrar el siguente mensaje
  33.            Response.Write("Acceso Denegado")
  34.        Else
  35.            ' el caso contrario que fueran conrrecto los datos mostrar los soguente
  36.            Response.Write("Felicitacion Acceso Concedido al sistemas")
  37.        End If
  38.    End Sub
  39.    'hacemos una funcion para verficar la existencia del uasario
  40.    'de tipo datatable en el cual enviamos dos parametros ,el nombre del usario y la contraseña
  41.    Function users(ByVal us As String, ByVal pas As String) As DataTable
  42.        'creamos la consulta ala tabla usarios utilizando la sentencia like
  43.        Dim da As New SqlDataAdapter("select  idus,usename,pwd from usuarios where usename like '" & us & "' and pwd  like '" & pas & "'", con)
  44.        Dim ds As New DataSet
  45.        Dim dtb As New DataTable
  46.        da.Fill(dtb)
  47.        Return dtb
  48.    End Function
  49.  
  50. </script>
  51.  
  52.  
eso es todo espero qu les sirva de algo
 
mas adelante continuare con mas aportes.........





« Última modificación: 24 Diciembre 2008, 21:15 pm por softdonet » En línea

043h68

Desconectado Desconectado

Mensajes: 169


tururu....♫


Ver Perfil WWW
Re: Ajax y asp.net 2.0 ,utilizando XMLHTTP
« Respuesta #1 en: 24 Diciembre 2008, 00:46 am »

Ps solo agradecer por el aporte  :xD,

Buenisimo

Saludos.


En línea

MANULOMM


Desconectado Desconectado

Mensajes: 559


Erepublik.com


Ver Perfil
Re: Ajax y asp.net 2.0 ,utilizando XMLHTTP
« Respuesta #2 en: 24 Diciembre 2008, 19:58 pm »

ajax es nueva tecnologia web en el cual evita que la pagina se refresque o se  actualise  solicitar la informacion de alogada en una base de datos o realizar cualquier otra operacion web.
De hecho AJAX no es un tecnología, se definiria más como un conjunto de Tecnologías (javascript, XML, Servicios Web JSON, REST, XHTML, DOM etc), su utilidad mas visible es evitar que se realizen postbacks con la pagina entera, solo se recarga un trozo deseado, OJO el postback se realiza solo que es asincronico y no se nota pues no se envia la pagina entera al servidor, lo que disminuye el tiempo de carga y el ancho de banda requerido por el sitio web.

Atentamente,


Juan Manuel Lombana
Medellín - Colombia
En línea


Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Error de XmlHTTP
Scripting
Monkeykiller_vb 5 4,309 Último mensaje 5 Noviembre 2019, 14:40 pm
por Monkeykiller_vb
Metodo eliminar utilizando AJAX y PHP
Desarrollo Web
padiuwu 1 2,312 Último mensaje 14 Junio 2020, 10:29 am
por Leguim
Error utilizando CreateFileA en asm
ASM
otroWeyMas.nasm 3 1,325 Último mensaje 28 Junio 2024, 01:53 am
por Eternal Idol
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines