Pasardelosmarcadores

Pasardelmen
Pasardelcontenido
Pasardetodo

aNieto2KDesarrolloweb,Wordpress,yalgunacosilla
ms

AndrsNieto
PalmadeMallorca,Espaa

Ms...

Men
Inicio
Comunidad
Plugins&Themes
Preguntas
Contacto
RSS
Mail

Buscador
Buscar: Buscar

Buscar

Felicidades
JaviPortoles(38aitos)dehttp://www.viajerodelmundo.com
Agaponeo(33aitos)dehttp://www.agaponeo.com
DanielZarate(23aitos)dehttp://www.mundotech.net
FranciscoJRG(20aitos)dehttp://consejodesabiosandujar.blogspot.com/
Mas+

Contenido
5formasdeusarAjaxconjQuery
18ago
aNieto2khace1688dasen:javascript,Programacion,webdev
+14
LagentedeNettutspublicauninteresanteartculodecomousarAjaxconjQuery.Concretamentelas5
formasconlasquejQuerynospermiteenviarpeticionesasncronas.
1.
2.
3.
4.
5.

$.load()
$.get()
$.post()
$.getJSON()
$.getScript()

$.load()
SetratadelafuncinquemsmegustadejQueryyaquehacequeunadelastareasmscomunesde
desarrollarconAjaxseatansencilloyclarocomoveremosenelejemplo:
$("#links").load("/Main_Page #jq-p-Getting-Started li");

Esteejemplo,tradodelapginadedocumentacindejQuery,seencargadelanzarunapeticinalaURL
/Main_Page(usaURLRewrite)ydelHTMLderespuestacogemosloselementos#jq-p-GettingStarted liyloinsertamosdentrode#links.
Simplementegenial,cmodoyrpido.

$.get()
SetratadelfuncinsencillaconlaquepodemoslanzarpeticionesGETalservidormedianteAjax.
$.get("test.cgi", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});

Medianteelpasode3opciones,delascuales2sonopciones(condicionalesmejordicho)puedeslanzarla
peticinalfichero(1)conlosparmetros(2)ytratarlarespuestamedianteuncallback(3).

$.post()
Aligualquelaanterior,estafuncinpermiteenviarpeticionesPOSTmedianteajax.
$.post("test.php", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});

Igualdefcilqueenelcasoanterior.

$.getJSON()
Aunquelosanteriorestienenlaposibilidaddeespecificareltipoderetorno,laopcinmscmodaeslade
usarestemtodoquepermiteobtenerlarespuestaJSONevaludadaenlafuncincallback.
$.getJSON("test.js", { name: "John", time: "2pm" }, function(json){
alert("JSON Data: " + json.users[3].name);
});

Teniendoencuentaelnavegador,seusarelobjetoJSONnativooseusarelsistemabasadoeneval().

$.getScript()
AunquetcnicamentenoesunapeticinAjax,setratadeunapeticinalservidoryporesotienecabidaenel
post.
$.getScript("test.js", function(){
alert("Script loaded and executed.");
});

ConestemtodopodemoscargarasncronamenteunficheroJavascriptymedianteelparmetro(2)callback
podemosejecutarcdigoJavascriptusandoelqueestenelficherojsquequeremoscargar(1).
DominalosselectoresCSSavanzados
11consejosparaprotegerelpaneldeadministracindetuWordPress

13comentarios,1referencias
+
#
1. Compartiendodesdedelicious.16deDiciembre21deDiciembre|DavidTboas21/12/200905:12
betobaz
@2agosto19th,2009at12:00am
QueondaanietoSoyunfanaticodejQueryyquisierahacermiaporte.Conlosmetodos$.post()y
$.get()existeuncuartoparametroqueesopcionalenelqueseleindicaeltipodedatoqueseretorna,
estepuedesertexto,json,jsonp,xmlyhtml.Comoloindicas,alretornarlocomojsonesmuyfacilde

manipularlo.
SaludosdesdeVeracruz,Mexico.
Responder
betobaz
@3agosto19th,2009at12:05am
@betobaz:Disculpa,mefaltoponerlareferencia.
http://docs.jquery.com/Ajax/jQuery.post#urldatacallbacktype
http://docs.jquery.com/Ajax/jQuery.get#urldatacallbacktype
Responder
JhonDoe
@4agosto19th,2009at1:36am
Graciasporeldato!!
Responder
betobaz
@5agosto19th,2009at3:04am
Semeolvidoagregarlareferecia:
get
post
Responder
josepzin
@6agosto19th,2009at8:13am
cavida,corrigeesoinmediatamente,porMEV!
Responder
MiguelAngel
@7agosto19th,2009at11:15am

Seolvidalamsbsicahttp://docs.jquery.com/Ajax/jQuery.ajax
$.ajax()

Eslademsbajonivelyelementalperotambinesusable
Responder
ragamo
@8agosto19th,2009at2:04pm
@MiguelAngel:Exacto,lasposteadassonespecificacionesde$.ajax,conloquetampocoestoyde
acuerdoesreferirsecomoajaxa$.getScript()y$.getJSON()cuandoenrigorsoninclusionesJSenel
headerdelapagina.
Responder
DavidRojas
@9agosto20th,2009at11:11pm
@ragamo:$.getScript()nosoninclusionesenelheaderdelapgina,sinounmtododecargary
ejecutarscriptsdinmicamente,miraesteejemplo:http://www.kevinleary.net/externaljavascripton
demandwithgetscript/
Aunquetampocossisepuedeconsiderarcomoajax.
Responder
Giovanny
@10agosto23rd,2009at1:40am
Seestmuriendoelblog???
Responder
elandy2009
@11septiembre6th,2009at7:32pm
@Giovanny:parecequeno
Responder
Julio
@12enero20th,2010at7:33am

Holaquetal,disculpamiinocenciaoignoranciaxDperosepodrasabercomoenvolosdatosde
regresodesdetest.php,esdecirlepidolosdatoscon$.get()perocomoreenviolosdatosdesde
test.phphagosolamenteunecho$mivariableo?
Responder
josepzin
@13enero20th,2010at8:20am
Julio:aquitienesejemplosdellamadasajax:http://www.javascriptya.com.ar/jquery/index.php?
inicio=18
Responder
ing.filemon
@14febrero25th,2010at12:16am
Holaquetalesperoymepuedanayudar,estoydesarrollandounaplicacionconajax,unapteicionvia
postyrespuestaxmldeservidor,muestrolosdatosenunaetiquetadiv.
ElproblemaesqueenmimaquinalocaldondetengolaaplicacionyconfiguradoelservidorwebIIS
funcionacorrecatamenteperocuandolapeticionlahaceotramaquina
memandaelerrordeixplore(ESTAPAGINAESTAINTENTANDOELACCESOA
INFORMACIONFUERADESUCONTROLstatus:12031)ynomemuestranada.
Ojalaymepuedanayudarconesteproblema.
Gracias.
Responder
Enlacepermanente:5formasdeusarAjaxconjQuery

Comentar

#
Mereservoelderechodeeliminary/omodificarloscomentariosquecontenganlenguajeinapropiado,spamuotras
conductasnoapropiadasenunacomunidadcivilizada.Situcomentarionoaparece,puedeserqueakismetlohaya
capturado,cadadalorevisoylocolocoensulugar.Sientolasmolestias.

Nombre(requerido)

eMail(noserpublicado)(requerido)
Url

Enviar Enviarcomentario

kaminitos

Comentario:*SeaceptaunaversinmuyreducidadetagsHTML.

Teinformoporemailcuandohayauncomentarionuevo?

Wordpresswebkitusabilidadtweet

wordpress.themes wordpress.pluginswordpress.hacks

PHPoptimizacinOperanavegadoresMooToolslightbox

themes Safariprototype pluginsplugin

jquery.plugin

jqueryjavascriptitouchiphoneinternetexplorerimagenesIE8IE6

HTML5HTMLhackgoogle.chromegoogleframeworkflashfirefox3firefoxfirebugestandares
CSS3CSScanvasajaxAccesibilidad2.72.6

Informacin

MiFlickr

Verms...

Proyectos
ForoaNieto2kResuelvetusdudassobreWordpress
10Entrevistasdelablogosfera10personajesdelablogsferaentrevistados
heySilverEnriquecetuwebconestaversindeQuickSilver
BlogoEdadLaedaddelosbloggers
ThemesenEspaolThemesparaWordpressCastellano
iMeneameMeneameentuiPhone
geekTestDemuestraloGeekqueeres
WpAdminThemesCreaycompartetuspropiosAdminThemes

Comentarios
ColaboraconaNieto2k1Porshahjahanhace56das

commentFeed2Porfabiohace154das
commentFeed2Poralvarohace164das
Visitas4Porbrendahace198das
XTags,creatuspropioselementosHTMLconfuncionalidadjavascript38PorJorgeForerohace249das

Postsmsrelevantes
LanuevapaginaweboficialdelCongresoLa"fanststica"webdelcongreso.
Javascriptnoobstructivo,manualdebuenasmanerasSihayquehacerlascosas,hagamoslasbien.
Las10mejoresfuncionesdeJavascriptPorquedesarrollarlastumismo?
LaspginasblancasdelaseguridadenWordpressNuncaestdemsprotegerse

Crditos
aNieto2K20052014
DiseadoporDanielMota

Inicio/Recomendaciones/Contacto/RSS
FuncionagraciasaWordpressyjQuery

EstawebseencuentrasobrelalicenciaCreativeCommons(ReconocimientoCompartirigual)/Polticasde
uso