JQUERY en ASP

[ferkadaj]

Hola a todos,

Estaba investigando acerca del JQUERY, pero no encontre algun ejemplo de como se podria ocupar en ASP...

Alguien tendra un ejemplo de como funciona el JQUERY y ASP, ya que quiero mejorar un sistema que tengo en ASP, y no poseo el tiempo necesario para cambiarlo a otro lenguaje de programacion tipo .Net


Se les agradece de antemano toda la ayuda brindada...

Saludos.

Marel

[u_goldman]

No tiene nada que ver una cosa con la otra, jquery se implementa como se implementa en cualquier lado, pues no es sino javascript, si elaboras un poco más tu pregunta/duda te podremos ayudar mejor.

Saludos

[ferkadaj]

Vaya me dare a explicar mejor.

Lo que deseo hacer unas tablas HTML pasarlas a grid dinamicos con jquery...

Por ejemplo

tengo un select * from paises, entonces el resultado de ese select meterlo en el grid...

Pos he visto mas o menos el codigo y todo eso pero no tengo las ideas claras de como implementarlo en mi ASP

Saludos...

[Myakire]

a ver ..... ¿sabes lo que es jquery? no es más que un framework que encapsula la sintaxis rebuscada de javascript y te ofrece métodos amigables para realizar cuestiones que perfectamente podrías hacer sin él pero con más chamba.

ASP trabaja en el servidor, con él podrías llenar tu tabla pero ya lo que vayas a hacer con ella con jquery no tiene nada que ver con ASP.

Hasta aquí llego sin entender exactamente lo que ocupas.

Si lo que quieres es saber como puedes hacer una "tabla dinámica" (¿?) con jquery, pues en el foro de javascript/frameworks te pudieran ayudar más. No muevo tu mensaje por que aún no me ha quedado claro con qué tienes problemas, sin con el jquery o con ASP.

[ferkadaj]

JQUERY es el problema para ya comenze a leer tutoriales para ver que ondas

Gracias

[u_goldman]

Iniciado por ferkadaj

JQUERY es el problema para ya comenze a leer tutoriales para ver que ondas

Gracias

Je je, por ahí hubiéramos comenzado pero bueno, lo importante es dar el primer paso

[el_chileno]

jQuery, Ajax y ASP.NET WebForms Publicado: 27/02/2009
Leído: 673 veces
Lectura: 0 minutos Categoría: AJAX y Javascript
Valoracion: 8


Admito que al principio era reticente a usar jQuery. Al fin y al cabo, todo lo que hace jQuery se puede hacer con javascript, y no lo veía más que como otro framework javascript más.

Sin embargo, conforme he ido utilizándola por necesidades de nuestro nuevo proyecto en Avanzis, más me ha ido gustando... y ahora me es prácticamente imprescindible :D

De la funcionalidad que quería hablar es sobre cómo se trabaja con Ajax en jQuery, y su aplicación para ASP.NET Webforms (con ASP.NET MVC es algo más fácil).

En la página oficial de jQuery encontramos una muy buena documentación de su uso con Ajax. Personalmente el método que más uso es el de getJSON.

Vayamos directamente al ejemplo. Bien sencillo: tenemos un TextBox y un Button. En el texto escribiremos un entero, y al presionar sobre el botón se ejecutará una función jQuery/Ajax que enviará el dato a servidor. En el servidor procesaremos el dato y devolveremos un resultado que nuestro javascript procesará. Vamos una ida-y-vuelta al navegador usando Ajax.

Nuestro HTML:
<input type="text" id="box" />
<input type="button" id="button" />

Nuestro javascript:
$(document).ready(function() {
$('#button').click(function() {
var idValue = $('#box').val();
if (idValue && (idValue != '')) {
sendData(idValue);
}
});
});

function sendData(idValue) {
var actionData = { id: idValue };
$.getJSON('/test/ajaxtest.aspx', actionData, function(data) {
if (data == true) {
alert('par');
}
else if (data == false) {
alert('impar');
}
});
};

Nuestro código en servidor:
protected void Page_Load(object sender, EventArgs e)
{
if (!string.IsNullOrEmpty(Request.QueryString["id"]))
{
int id = Convert.ToInt32(Request.QueryString["id"]);

if (id%2 == 0)
returnJSON(true);

returnJSON(false);
}
}

protected void returnJSON(object data)
{
if (data.GetType() == typeof(bool))
data = data.ToString().ToLower();


Response.Clear();
Response.ContentType = "application/json";
Response.Flush();
Response.Write(data);
Response.End();
}


Como vemos, en nuestro código javascript lo primero que hacemos es decirle al navegador que en el momento esté preparado ("ready") coja el elemento con el identificador "button" y le asigne una función a su evento "click".

Dicha función lo único que hace es coger el valor del elemento con identificador "box", y si este valor es válido se ejecuta la funcion "sendData". La función "sendData" es la importante... y para ser importante es bien sencillita :D

Lo primero que hacemos es crear el elemento JSON, que será el dato que mandaremos a servidor.

Luego ejecutamos la función getJSON. Ésta se compone de tres parámetros. El primero es la URL a la que apuntamos. En nuestro caso ponemos un página .aspx normal y corriente. También podríamos crearnos un HttpHandler que gestionara todas las llamadas AJAX, o si estuvieramos usando ASP.NET MVC no tendríamos más que poner la ruta correspondiente.

El segundo parámetro es la variable json con los datos que enviaremos a servidor. Y el tercer parámetro es la función que se ejecutará cuando vuelva de servidor y que luego analizaremos. Lo importante de esta función es que el dato que devuelven ya está en JSON, con lo que es muy fácil trabajar con él.

En cuanto al código de servidor, también es muy sencillo. Lo único que hace es recoger el dato que hemos enviado (y que en este caso se recibe como querystring), tratarlo y devolver una respuesta.

El quid de la cuestión está en que la respuesta debe ser un JSON, de lo cual se encarga el método "returnJSON". En nuestro ejemplo sólo devolvemos true o false, pero si creamos una variable JSON cualquiera igual nos vale (por ejemplo "{text:'texto de respuesta'}").

Y volviendo a la función javascript, vemos que tratar con JSON es muy sencillo. En nuestro caso sólo tratamos el "true" o el "false". Para mí es muy común trabajar sólo con eso, puesto que lo normal es mandar un dato a servidor, realizar una acción y devolver un booleano como diciendo "todo correcto" o "ups, ha habido un error".

Fácil, ¿no?


cuando encuentre el link perdido lo subo y SI tienen que ver porlo que dice este articulo que pronto probare.
sino funciona comentare

saludos y mas tolerancia no creen?

[u_goldman]

Pues si...nada más que el tema original no tiene que ver con ASP y tampoco lo que tu expusiste, en fin a ver si ferkadaj aparece para ver que destino tiene este curioso thread

Saludos

[anarchy9902]

Hola busca esta libreria jquery-1.2.5.pack.js bien ahora
<script type="text/javascript" src="util/jquery-1.2.5.pack.js"></script>

ahora por ejemplo

<script language="JavaScript">
function llenar_combo(cbcc,name_combo,name_combo_sec,tipo,v aladicional){
var cbcc_valor=escape(cbcc.options[cbcc.selectedIndex].value)//Centro de Costo
var name_combo_valor=escape(name_combo.options[name_combo.selectedIndex].value)//Perfil
$(name_combo_sec).html('<option value="-">---</option>');
$.ajax({
type: 'GET',
url: "Inv_Consulta_Ajax.ASP?tipo="+tipo+"&parm1="+cbcc_ valor+"&parm2="+name_combo_valor+"&parm3="+valadic ional,
success: function (html) {
$(name_combo_sec).html(html);
}
});
}
</script>

osea en el onchange="llenar_combo(document.all.cb1,document.a ll.cb1,document.all.cb2,'editDEscPerfil','xx')"

ahora en la pagina Inv_Consulta_Ajax.ASP




<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<%

dim s_CadenaSql ,nr
dim resultArray,arrayvalores()
set rs= Server.CreateObject("ADODB.Recordset")
set res= Server.CreateObject("ADODB.Recordset")
set rs6= Server.CreateObject("ADODB.Recordset")
set rss= Server.CreateObject("ADODB.Recordset")

rs.CursorLocation = 3 'Cursor del lado del Cliente

s_tipo=Request("tipo")
s_parm1=Request("parm1")
s_parm2=Request("parm2")
s_parm3=Request("parm3")
s_parm4=Request("parm4")
s_parm5=Request("parm5")
s_parm6=Request("parm6")
s_parm7=Request("parm7")
s_parm8=Request("parm8")
s_parm9=Request("parm9")
myArrResult=array(Request("check"))
'Response.Write (s_tipo)
nom_usu_sesion=cstr(session("Objctrl").prmusuario)
user_sesion=cstr(session("user"))

if s_tipo="editDEscPerfil" Then
s_CadenaSql="update inv_perfil_soft set descripcion='"+s_parm3+"',usu_mod='"+nom_usu_sesio n+"',fec_mod=GETDATE() where nro_perfil='"+CSTR(s_parm5)+"'"
rs.open s_CadenaSql, session("strConexion2005")

s_CadenaSql="select * from inv_perfil_soft order by id"
rs.open s_CadenaSql, session("strConexion2005"),3,1

Response.Write ("<option value='null'>------Ningun Perfil------</option>")
Do While Not rs.EOF
nr=nr+1
If trim(CSTR(s_parm5))=trim(CSTR(rs("nro_perfil"))) Then
Response.Write ("<option value='"+trim(CStr(rs("nro_perfil")))+"' selected>"+trim(CSTR(rs("nro_perfil")))+"--"+rs("descripcion") +"</option>")
Else
Response.Write ("<option value='"+trim(CStr(rs("nro_perfil")))+"'>"+trim(CS TR(rs("nro_perfil")))+"--"+rs("descripcion") +"</option>")
End if
rs.MoveNext
Loop

End if
%>

si te das cuenta success: function (html) html=es lo que devuelve el archivo Inv_Consulta_Ajax.ASP

espero te sirva o a alguna otra persona buscando este tema

saludos

y muchos exitos

ANARCHY9902
SURF PROGRAMMER