jQuery and ASP.NET AJAX Demo Code

Thank you to everyone who came to my jQuery and ASP.NET AJAX PDC talk!  As promised, I’ve added a link to the demo code from the talk to this blog entry.

There are three separate downloads:

jQuery Demos — Contains sample code that demonstrates how to use jQuery selectors, animations, and plug-ins.

PhotoGallery Application — Contains a simple Photo Gallery application in which photos are fetched by making Ajax calls to a web service. Demonstrates using the new Client Side Templates features of ASP.NET AJAX.

MovieDatabase Application — Contains an ASP.NET MVC application that uses jQuery and Ajax. Demonstrates how to build applications that support graceful degradation. This application works with both JavaScript enabled and JavaScript disabled.

And here’s the Power Point from the talk:

 

Presentation — Contains the Power Point presentation.

Finally, here is the link to the recorded talk at Channel 9:

http://channel9.msdn.com/pdc2008/PC31/

 

Thanks again!

Discussion

  1. chris.bannon says:

    Wow, I never thought I would see jQuery tutorials on ASP.NET! I am so happy to see it. I have been doing a ton of work with ASP.NET and jQuery together and even threw together an animation library in ASP.NET that extends jQuery UI Effect. You can get it here.

    http://www.hushhushmedia.com/page/RIAnimation.aspx

    Kudos on the great jQuery samples Stephen. I made a shopping cart jQuery demo here:

    http://labs.hushhushmedia.com/rianimation/demo/

  2. The pic is nice… which brought me to your website.. den i read about you in the about section and found myself correct that you must be a philosopher… Nice to hear that.. As these days logical people are less and more geeks are there in this field… Anyway keep up the good work
    🙂

  3. Alex Chang says:

    Hi Stephen,

    Excellent, excellent presentation on ASP.NET & jQuery yesterday. I can honestly say that it was one of great presentations that I’ve attended at PDC so far. Thanks again.

    One question – the link to the PhotoGallery demo code doesn’t seem to be there. Could you provide that as well? I would like to show your demo to some of the developers that I am working with.

    Thank you!

    Alex

  4. panjkov says:

    Stephen, link to second download (Photo gallery) is dead.
    Can you post your ppt too?

  5. http:// says:

    Does this use the mvc beta fom 15th oct?
    I keep getting the following error ‘Could not load type ‘System.Web.Routing.StopRoutingHandler’ from assembly ‘System.Web.Routing, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35′.’

  6. http:// says:

    Do you by any chance have a recording (video) of the PDC talk? For the less fortunate of us who could not attend…

  7. Apologies everyone for not getting the photo gallery code up — I’m running into issues with my blog software. I hope to get the problem resolved soon.

  8. @panjkov — I added a link to the power point — thanks for your interest!

  9. @redsquare — The sample code uses MVC Beta 1, the version that you can currently download from http://www.ASP.net/MVC. I suspect that the difference between your computer and mine is that I have Visual Studio Service Pack 1 installed. You don’t need Service Pack 1 to use MVC. However, you will need to add references to each of the assemblies in the Program FilesMicrosoft ASP.NETASP.NET MVC BetaAssemblies folder (and remove the references to the ones in the GAC).

  10. geek50 says:

    Hi Stephen,

    Excellent, excellent presentation on ASP.NET & jQuery yesterday. I can honestly say that it was one of great presentations that I’ve attended at PDC so far. Thanks again.

    One question – the link to the PhotoGallery demo code doesn’t seem to be there. Could you provide that as well? I would like to show your demo to some of the developers that I am working with.

    Thank you!

    Geek50

  11. http:// says:

    Stephen,

    I’m seeing this error on compile – It is an error to use a section registered as allowDefinition=’MachineToApplication’ beyond application level. This error can be caused by a virtual directory not being configured as an application in IIS.

    I can browse directly to the web – click on any of the 4 links – but nothing shows up – any clue?

    Best,
    Doug

  12. http:// says:

    For the MovieDatabase app, selecting any category from the dropdown list and clicking on the select button takes me to

    http://localhost/Home/IndexNoJavaScript

    I tried on both Firefox and IE. Both browsers have JS enabled. Can you help? Thanks.

  13. @Doug — Make sure that you open the website at the right folder level. The App_Data folder should be in the root of the website.

  14. @Douglas — Hi Douglas. Make sure that you use the HomeAjax version instead of the Home version. In other words, request /HomeAjax in your browser address bar to get the Ajax version of the application.

    Let me know if you still run into issues.

  15. http:// says:

    Hi,
    It’s very helpful but i am getting Error PhotoService is undefined!!

    Is any other configuration settings to run this?

    Thanks

  16. gbogea says:

    Hey Stephen, I tried the Visual Studio JQuery file today and it works great!
    Just wanted to say that Microsoft’s approach to work with JQuery without forking it is really good news. It shows that Microsoft is really willing to work with the community and this will only bring more and more people to it’s side.
    Great work!

  17. http:// says:

    i have just downloaded all your demos.but i really wondring why do we need script manager in all the page.. if its for pageLoad() event… jquery provides with the rich ready handler.. hope tats more than enough rather than downloading 19 js files using script manager

  18. http:// says:

    I’m getting this same error message which was mentioned by “goldenfish”– has this been answered somewhere?

    thanks.

  19. http:// says:

    oops- forgot to mention error message is “PhotoService is undefined.”

  20. http:// says:

    Stephen,
    Great presentation, Do you mind if I use your powerpoint to present your presentation at our (Rockville) .NET users group?

  21. http:// says:

    Hey, its nice.

  22. http:// says:

    If you get “PhotoService is undefined.”, you might need to install .NET 3.5 Service Pack 1

  23. Dmitry says:

    Yes! I found the video of this action – http://channel9.msdn.com/pdc2008/PC31/

  24. @John — Absolutely, please feel free to use my slides and demo code to present on jQuery!

  25. longmatch says:

    I started learning ASP.NET from your wonderful book and I just touched Jquery recently and worry how to use Jquery in asp.net. Your talk was excellent. Thanks

  26. Brian Kim says:

    Thanks. I really enjoyed your PDC talk.

  27. Iván says:

    Thank you for the presentation, I just watched the video. Great examples, great speech. You did a very good work on it. My knowledge of jQuery improved by far just with that hour of watching.

  28. Bob Armour says:

    Stephen,

    Thanks for the concise and informative talk – it’s really helped to understand how to wire MVC, AJAX & jQuery together.

    One tip that you may find useful (apologies, if you already knew this, but most people don’t)

    When you used ‘Alt+Tab’ to switch between applications (about 30 mins in to the presentation), you overshot and had to step through the entire list, in order to get back to where you intended to be. Next time you do this, simply press ‘Shift+Alt+Tab’ to step through the apps in reverse order.

  29. Tech2Update says:

    excellent article

  30. Sudhir says:

    For peoples searching information related to using JQuery with ASP.NET here is link to useful resources.
    tips.developersvoice.com/…-aspnet-resources.html

  31. Computer says:

    Please let me know as soon as possible that can I use JQuery to Visual Studio 2.0.
    If yes then please guide me how or suggest me books for it.
    I’ll be graceful if you provide concern URL for it.
    If RSS Feed is not available for it please mail me at computerengineer.net(@)gmail.com .

    Thanks in advance.
    (Knowledge is Free- Share it)

  32. appofeng says:

    thanks a lot .I’m want it after see you talk.great of you!

  33. Felipe Rigo says:

    I would like to ask your permission to translate to portuguese and use your presentation jQuery and ASP.NET AJAX, presented in the PDC 2008.

    I’ll keep your copyright and hyperlinks to your webpage.

    I want to use to a college presentation.

    Thank you very much

  34. Hi..
    thanks for download link..
    great sharing..

  35. thanks a lot for the power point presentation.

  36. Melayu Boleh says:

    Hi..
    thanks for the link for demo code..
    it very useful for me..

  37. Great Post! Really this code will help me a lot. Thanks for sharing.

  38. Thanks for sharing very useful materials.

  39. Berwyn says:

    Stephen

    Great Ajax samples

    Do you know of any samples of the jquery tablesorter plugin , with the tablesorter.pager option being used with Microsoft Ajax DataView

    Berwyn

  40. Really such a useful links. Thanks Stephen for sharing very useful links.

  41. interesting post thanks!!!! i really like it

  42. feel RW W Great article, though – thanks!

  43. f323 I tried to mock a call to a Linq to SQL query, but I am struggling.

  44. Spa Massage says:

    very nice post!!!!

  45. under what playlist are each of the song arranged ?
    Thanks.
    bachelor degree business | Electrical engineering degree

  46. MENAS says:

    handy when doing a lot of land travelling, especially when travelling from one palce to another. I will keep you company and at the same time, enjoy the scenary.doctoral degree | Nursing degree

  47. Thanks, downloading right now…

  48. Best Dates says:

    I think the first two downloads will be ok for me

  49. Jordan says:

    Hello friend,

    Welcome to visit our company website: http://www.jordans-sneaker.com is a professional website of Jordan Shoes wholesale.

    We supply top quality Jordan Shoes with wholesale price, supply free, safe and fast shipping!

    More infos or need any help, please contact us freely. We insist to do honest business and wish to build mutual benefits and long term business relationship with you!

    Looking forward to hearing from you soon!
    Website: http://www.jordans-sneaker.com
    Email: [email protected]

  50. hello
    viagra its the most amazing drug to treat the ED male problem give it a try and enjoy youre sex life

  51. online games says:

    I love working with Jquery, great post.

  52. They’re tried and tested and guaranteed to be comfortable in all weather conditions, no matter where you live in the world. There you have it. Go out and buy a pair of ugg boots for yourself, your entire family, and all your friends. Santa’s favourite sheepskin boots will soon be your favourite footwear too…

  53. watches says:

    NBAs summer break time full of romance, first in pairs into the right of the Jordan Hall of Fame confirmed with the new girlfriend is not a general relationship, and now just received a championship ring for Odom, replica rolex watchesin anyones surprised by the married again in a flash. Beijing yesterday, the Lakers giants and his girlfriend card Kardashian recognized officially married a month later.
    Card Kardashian 25-year-old, smaller than the 4-year-old Odom. Last month 27, in order to welcome Ron Artest to join the Lakers, replica breitling watchesthe card Kardashian at a nightclub in Hollywood where organized a party, Lamar Odom as a guest to the scene. At this gathering, Lamar Odom and card Kardashian on the right eye, a week later, along with Lamar Odom on, and his girlfriend met the wifes mother. As of yesterday, replica handbagsget married, also in January a total time of the flash should be a typical marriage.
    Card Kardashian Guoji Bu performed only soap operas, replica tag heueralthough her sister is more famous Gold Kardashian, or even the Internet had also been out and hip-hop singers sex tape, but the card Kardashian could perhaps be considered a set of television actor , replica louis vuittonsocial celebrities, models and other in his capacity as an American actress, but also grow Chuchudongren. This is perhaps the obsession with female stars, Odom has always been able to call one of the reasons so rapidly.
    Card Kardashians father Luoboteka Kardashian indeed famous, in the case shocked the nation in the Simpson murder of a wife, he is the defense counsel. The card Kardashian seems to be a soft spot for athletes, replica chanelin January this year, she also revealed that her new boyfriend is a Wolves player of Lassa De Mai Kanzi, the two met from July 2008 and has been in the dating, but wait until the talk On marriage, replica watcheswhen married, Xin Langguan Odom has been replaced by a more famous.
    For this summer, Odom was indeed a harvest season, won championship rings later, he and the Lakers recently signed a four-year contract extension with 33 million U.S. dollars, replica gucciand now to bring beauty go. Although only met a month’s time, but they ultimately decided to get married and arrange for the Lakers training camp began last few weeks to honeymoon. replica handbagsThis is caused in the local media interest, media financing 300,000 U.S. dollars to buy broadcast rights for the wedding of two men.
    Yesterday, more than 200 people participated in the wedding Jia Binda, there are many big people. replica louis vuittonAmong them American Idolcelebrity presenters, comedians, best-selling writers, singers, and Carmelo Anthonys girlfriend Lalawasi Rodriguez. Wedding teammates, the Lakers biggest names in full here, with the biggest stars of Mrs. replica louis vuittonBryant course ought to, as well as Walton, Vujacic, also attended the wedding, but Lakers coach Jackson and general manager Mitch Kupchak has personally offered his congratulations.9.29C

  54. 5
    I believe it is a promising (currently version 4.0). So I would stick with it.. thanks