WCF & JQuery
-
Upload
chris-love -
Category
Technology
-
view
2.944 -
download
3
description
Transcript of WCF & JQuery
![Page 1: WCF & JQuery](https://reader036.fdocuments.in/reader036/viewer/2022082920/5555c6e8d8b42a711f8b4570/html5/thumbnails/1.jpg)
WCF & JQUERY
Chris LoveTellago Inc.http://ProfessionalASPNET.comhttp://Twitter.com/ChrisLove
![Page 2: WCF & JQuery](https://reader036.fdocuments.in/reader036/viewer/2022082920/5555c6e8d8b42a711f8b4570/html5/thumbnails/2.jpg)
BOOKS
![Page 3: WCF & JQuery](https://reader036.fdocuments.in/reader036/viewer/2022082920/5555c6e8d8b42a711f8b4570/html5/thumbnails/3.jpg)
REFERENCES Rick Strahl – Smart Dude
http://west-wind.com Don Demsak (DonXML) – Wise Guy
http://donxml.com John Resig – The JQuery Creator (pay
homage here)
![Page 4: WCF & JQuery](https://reader036.fdocuments.in/reader036/viewer/2022082920/5555c6e8d8b42a711f8b4570/html5/thumbnails/4.jpg)
TOUCHING ON WCF All About the Messages Can be Rather Complicated
Configuration Attributes Debugging
Making Things Easier Astoria oData
![Page 5: WCF & JQuery](https://reader036.fdocuments.in/reader036/viewer/2022082920/5555c6e8d8b42a711f8b4570/html5/thumbnails/5.jpg)
WCF COMPONENTS Contracts Data & Models Factories Endpoints The Attributes…
![Page 6: WCF & JQuery](https://reader036.fdocuments.in/reader036/viewer/2022082920/5555c6e8d8b42a711f8b4570/html5/thumbnails/6.jpg)
JQUERY AJAX FEATURES Very Flexible Global Event Handlers Graceful Event Handling All the Super Goodness Baked into
JQuery!!!
![Page 7: WCF & JQuery](https://reader036.fdocuments.in/reader036/viewer/2022082920/5555c6e8d8b42a711f8b4570/html5/thumbnails/7.jpg)
JSON The Data Format LCD Simple (And that’s the way I
like it!) WCF Just Handles it for Us! JSON2 from Crockford http://JSON.org
![Page 8: WCF & JQuery](https://reader036.fdocuments.in/reader036/viewer/2022082920/5555c6e8d8b42a711f8b4570/html5/thumbnails/8.jpg)
JQUERY TEMPLATING Cloning
var newEl = $("# ContactRowTemplate ").clone() .attr("id",item.ContactId) .fadeIn("slow");
jTemplates Python-Like Syntax
MicroTemplating
$("#tblContactList tbody").empty() .html($("#ContactRowTemplate") .parseTemplate({ contacts: response.Contacts }));
http://ejohn.org/blog/javascript-micro-templating/http://www.west-wind.com/Weblog/posts/509108.aspx
![Page 9: WCF & JQuery](https://reader036.fdocuments.in/reader036/viewer/2022082920/5555c6e8d8b42a711f8b4570/html5/thumbnails/9.jpg)
JQUERY TEMPLATING<script id="ContactRowTemplate" type="text/html"> <# for(var i=0; i < contacts.length; i++) { var contact = contacts[i]; #> <tr> <td> <#=contact.FirstName#> <#=contact.LastName#> </td> <td> <#=contact.City#> </td> <td> <#=contact.State#> </td> <td><img src="images/edit.gif" onclick="GetContactInfo(<#=contact.ContactId#>);" /></td> </tr> <# } #> </script>
![Page 10: WCF & JQuery](https://reader036.fdocuments.in/reader036/viewer/2022082920/5555c6e8d8b42a711f8b4570/html5/thumbnails/10.jpg)
JQUERY GLOBAL AJAX STUFF Jquery.ajax .ajaxComplete() .ajaxError() .ajaxSend() .ajaxStart() .ajaxSuccess()
$(document).ready(function() { ajaxLog.ajaxStart(function(evt, request, settings) { var dt = new Date(); $(this).append("<br/><hr/>Starting request... " + dt.toLocaleString()); });});
![Page 11: WCF & JQuery](https://reader036.fdocuments.in/reader036/viewer/2022082920/5555c6e8d8b42a711f8b4570/html5/thumbnails/11.jpg)
DEBUGGING TOOLS Visual Studio Fiddler IE 8 or FireFox w/Firebug Learn Common Errors/Exceptions
Use Try Catch Don’t Make JavaScript Typos