SPServices is a widely used jQuery library that abstracts SharePoint's Web Services and makes them easier to use. It also includes functions that use the various Web Service operations to provide more useful (and cool) capabilities. It works entirely on the client and requires no server install. Using SharePoint’s Web Services client-side, you can provide your users a more “tactile” experience. In this class, you'll learn how to use SPServices to build a more compelling user experience on top of SharePoint. We'll look at the most popular "value-added" SPServices functions as well as how you can use SPServices as part of your own development toolkit. We’ll also discuss how you should think about migrating from SPServices to REST calls and when it makes sense.

3. SharePoint's first [useful] client side object modelTM?

5. http://spservices.codeplex.com/

6. http://jquery.com

9. Referencing jQuery, jQueryUI, and SPServices from CDNs – Revisited
http://sympmarc.com/2013/02/07/referencing-jquery-jqueryui-and-spservices-from-cdns-revisited/
Note the “protocol-less” references

13. $().SPServices({
operation: "operationname",
});
[webURL: "/sitepath",]
[option1: value1,]
[option2: value2,]
[async: false,]
completefunc: function (xData, Status) {
...do stuff...
}

14. var thisPromise = $().SPServices({
operation: "operationname",
[webURL: "/sitepath",]
[option1: value1,]
[option2: value2]
});
thisPromise.done(function() {
...do stuff...
});
Promises were added in
v2013.01

16. completefunc: function(xData, Status) {
$(xData.responseXML).SPFilterNode("z:row").each(function() {
var out = "<li>" + $(this).attr("ows_Title") + "</li>";
$("#statesUL").append(out);
});
}
<ul id=“statesUL"/>

17. thisPromise.done(function() {
$(thisPromise.responseXML).SPFilterNode("z:row").each(function() {
var out = "<li>" + $(this).attr("ows_Title") + "</li>";
$("#statesUL").append(out);
});
});
<ul id=“statesUL"/>

19. • Lets you set up cascading dropdowns on SharePoint forms (think
Country / Region / State / City)
• Enforces hierarchical relationships between column values using
the GetListItems operation of the Lists Web Service to refresh the
allowable values based on relationships which are maintained in
reference lists
• Users manage the relational content in reference lists

20. • Show related
information based
on a selection in a
dropdown
• Images, table data,
links – the function
figures it out for you
• Great for visual
cues, improving
data quality –
reduce GIGO
• Users manage the
relational content in
reference lists

21. • Use the available
screen real estate
to improve the UX
• Options widened
based on widest
value, regardless of
branding

23. Email marc.anderson@sympraxisconsulting.com
Twitter @sympmarc
Blog http://sympmarc.com
SPServices http://spservices.codeplex.com
SPXSLT http://spxslt.codeplex.com
Books http://sympmarc.com/books
The Middle Tier Manifesto http://bit.ly/middletier