Jquery mobile login script - AJAX with jQuery: A Simple Login Example

12th of May 2011 25

AJAX with jQuery: A Simple Login Example


This video looks much better on Vimeo. vimeo.com 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 shawnmccool.com

Filed under § jquery ajax — Tagged with , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Share it!

Was it good for you to?

Sponsors

Support for the site!

No sponsors at the moment.



25 great comment(s) for this post

  1. Darienbeagle 12:55 am 12/05 of 2011

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

    Reply
  2. willzurmacht 1:47 am 12/05 of 2011

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

    Reply
  3. arbitterr 2:11 am 12/05 of 2011

    Nice video!
    I’ve never understood Ajax, and still don’t, but I’ll inspect your code to understand :)

    Reply
  4. jupitershanestap 2:15 am 12/05 of 2011

    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

    Reply
  5. axiom3279 2:55 am 12/05 of 2011

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

    Reply
  6. r4jk3 3:45 am 12/05 of 2011

    @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 ;)

    Reply
  7. mcsilvio 4:18 am 12/05 of 2011

    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).

    Reply
  8. ShawnMcCool 4:52 am 12/05 of 2011

    @fthis12345

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

    Reply
  9. fthis12345 5:28 am 12/05 of 2011

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

    Reply
  10. praveenajs 6:14 am 12/05 of 2011

    awesome explaining indeed! thanks

    Reply
  11. ratunkupolicja 7:11 am 12/05 of 2011

    amazing thnx!

    Reply
  12. venelinspiridonov7 7:21 am 12/05 of 2011

    nice and clear. thank you

    Reply
  13. sivaramakrish2007 7:36 am 12/05 of 2011

    The Text is not visible, but ur video about login form is fine…

    Reply
  14. ShawnMcCool 7:36 am 12/05 of 2011

    @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.

    Reply
  15. AlexGreatMK 7:44 am 12/05 of 2011

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

    Reply
  16. shariqshaikh 8:14 am 12/05 of 2011

    @sowhatisthequestion I think its code ignitor

    Reply
  17. deioseayo 8:58 am 12/05 of 2011

    you are really cool dude

    Reply
  18. sowhatisthequestion 9:39 am 12/05 of 2011

    What is this editor?

    Reply
  19. ShawnMcCool 9:57 am 12/05 of 2011

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

    Reply
  20. penrinthecreativeone 10:24 am 12/05 of 2011

    tried this, all code is exactly as yours, but it always tends to use php instead of js, why is this?

    Reply
  21. CamiloSanchez1979 10:51 am 12/05 of 2011

    Yes, I am using $.post method. For example in my php script I have :
    function checkdb(){
    if($record){
    return true;
    }else{
    return false;
    }
    }

    how do I pass those values in a json form? I am confused as the way those boolean values are passed in ajax.
    Thanks

    Reply
  22. ShawnMcCool 11:15 am 12/05 of 2011

    I suggest using JSON.

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

    Reply
  23. CamiloSanchez1979 12:15 pm 12/05 of 2011

    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

    Reply
  24. comsad007 12:48 pm 12/05 of 2011

    very nice the way it is explained i think screen dont matter to the point example very nice…

    Reply
  25. marvdesign 1:43 pm 12/05 of 2011

    Very nice Screencast but please speak a bit slower for your german viewers :)

    thank you

    Reply

Your opinion matters. Add it below.


Tip: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Recent comments

Categories



Copyright jqueryui.info since 2010. All rights reserved. Design and the Absolute Theme by Tommie Hansen.