HTML5 for ASP.NET Developers: Listing 2.

Using the postMessage method for data retrieval.

window.addEventListener(
  "message",
  retrieveData, 
  false
);

function retrieveData (msg) 
{
  if (msg.origin == "http://localsite.com") 
  {
    var custData;
    $.getJSON(
      "Customers/" + msg.data,
      function (data) 
      {
        msg.source.postMessage(data, msg.origin);
      }
    );
  }
}

About the Author

Peter Vogel is a system architect and principal in PH&V Information Services. PH&V provides full-stack consulting from UX design through object modeling to database design. Peter tweets about his VSM columns with the hashtag #vogelarticles. His blog posts on user experience design can be found at http://blog.learningtree.com/tag/ui/.