In this blog I would like to share code to get the content type collection from APP host web in SharePoint Hosted app using JavaScript Object Model.

  1. var ctx;
  2. var appCtxSite;
  3. var contentTypeCollection;
  4. var contentType;
  5. var hostWebURL;
  6. var appWebURL;
  7. var contentTypeName;
  8. var ContentTypeID;`
  9. var ContentTypeEnumerator;
  12. $(document).ready(function () {
  13. // debugger;
  14. //// Get the URI decoded URLs.
  15. hostWebUrl = decodeURIComponent(manageQueryStringParameter('SPHostUrl'));
  16. appWebUrl = decodeURIComponent(manageQueryStringParameter('SPAppWebUrl'));
  17. //calling the getHostWeb method in ready function to get content type on when page is ready
  18. getHostWeb();
  19. });
  22. //This function is used to get the hostweb url
  23. function manageQueryStringParameter(paramToRetrieve)
  24. {
  25. var params = document.URL.split("?")[1].split("&");
  26. var strParams = "";
  27. for (var i = 0; i < params.length; i = i + 1)
  28. {
  29. var singleParam = params[i].split("=");
  30. if (singleParam[0] == paramToRetrieve)
  31. {
  32. return singleParam[1];
  33. }
  34. }
  35. }
  37. //get the list data from host web
  38. function getHostWeb()
  39. {
  40. //get current app web context
  41. ctx = new SP.ClientContext(appWebUrl);
  42. //get current host web context
  43. appCtxSite = new SP.AppContextSite(ctx, hostWebUrl);
  44. //get current host web
  45. if (ctx != undefined && ctx != null)
  46. {
  47. web = appCtxSite.get_web();
  48. }
  49. //// .load() tells CSOM to load the properties of this object
  50. ctx.load(web);
  51. ctx.executeQueryAsync(getContentTypeCollection, onQueryFailed);
  53. }
  55. function getContentTypeCollection()
  56. {
  57. //Get all content types from current app host web
  58. contentTypeCollection = web.get_contentTypes();
  59. //load the content type collection
  60. ctx.load(contentTypeCollection);
  61. ctx.executeQueryAsync(getallContentType, onQueryFailed);
  62. }
  64. function getallContentType()
  65. {
  66. ContentTypeEnumerator = contentTypeCollection.getEnumerator();
  67. var count = contentTypeCollection.get_count();
  68. if (count > 0)
  69. {
  70. //Get content type one by one
  71. while (ContentTypeEnumerator.moveNext())
  72. {
  73. contentType = ContentTypeEnumerator.get_current();
  74. contentTypeName = contentType.get_name();
  75. alert(contentTypeName);
  76. }
  77. }
  78. }
  80. function onQueryFailed(sender, args)
  81. {
  82. alert('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace());
  83. }
Summary

In this blog we have explored how to get the all content types from SharePoint Hosted web using JavaScript Object Model.

Happy Coding