AJAX with jQuery: A Simple Login Example

This video looks much better on Vimeo.
http://vimeo.com/4173282

In this screencast we explore the jQuery $.post() command in order to create a simple ajax login script that also gracefully degrades and works for users who do not have JavaScript enabled.

See more at http://shawnmccool.com

Category:

Education

Tags:

• ajax
• jquery
• php
• javascript
• login
• screencast
• web development

[fthis12345]

Your piece of shiiit text editor sux, therefore this video is absolutely useless and is no better than a piece of shiiit.

[ShawnMcCool]

@fthis12345

Thanks for the compliments.  If you need to ask any questions in order to understand how to use the video please do.

[AlexGreatMK]

I don't know if it's just me, but I can hardly read any of the text you're typing...

[ShawnMcCool]

@AlexGreatMK

The links to the higher quality video are in the 'read more' section.

Also, you'll notice that at the beginning of the video a pop-up mentions the location of the 'readable' version.

[ShawnMcCool]

place alert('test'); here and there in your javascript to see where it's breaking. It's probably a syntax error somewhere.

[CamiloSanchez1979]

I have a question. I am implementing an ajax db check. But I only want my php script to return false if no records and true on record found, when i run the jquery "data" object however it cant recognize either true or false from my script. I am able to return a simple string and then echo it out on an error console on my html page. What is the best approach when making scripts return simple boolean data and have jquery output a string accordingly? Thnks

[ShawnMcCool]

I suggest using JSON.

Are you using jQuery's $.post() method?

[MrBarrack1]

Thank-you for taking the time to demonstrate the login check in a succinct and precise manner. Vimeo enhances the visibility but the most important thing is the information that you have passed on. It's helped me to have a better understanding of the tools and apply them in a very practical manner.

[ryanjackson0x]

Like other commenters have mentioned, the text is blurry. I'd try Camstasia if you're not using it, or encode the video differently.

[rawux1228]

china simbols?

[Darienbeagle]

Would love to watch this but cannot see the screen at all.

[willzurmacht]

Your voice is nice but the texts are blurry. Thanks though

[arbitterr]

Nice video!

I've never understood Ajax, and still don't, but I'll inspect your code to understand :)

[jupitershanestap]

the videos look great on vimeo....you really look like you know what you're doing. You need to post more videos on ajax, jquery, php

[axiom3279]

Thank you for the post, helped me understand how to pass parameters into jquery functions ;)

[r4jk3]

@fthis12345 this isn't useless dude.. no reason to insult someone for being smart ;) you could actualy learn a lot from this guy, if only you look hard enough in his code ;)

[mcsilvio]

good video. but i thought that ajax involved communicating with the server for data retrieval. did that happen? or do i still need to learn about ajax (and i definitely do).