Skip to main content
Home  ›  Blog

WebAPI 2.1 Real Life Example - Feedback Form (fixed audio)

In my second mini-series about WebAPI we'll look at a real-life solution. We'll look at a feedback-form App and a simple Feedback-Management App. The App is simple enough to learn the basics of WebAPI with basic jQuery / C# skills. In this part, I'll walk you through the main UI and code.

Pre-Requisites

  • I would recommend to watch the Basic-Series Parts 1.1, 1.2 and 1.3 since it explains the very basics of WebAPI.
  • Even if you don't, make sure you have a working DNN with 2sxc 6.4 installed (see this blog for help).
  • The App you'll install can be found in the App-Catalog - direct link here

In the following 15 minute Video, I'll show you

  1. The WebAPI Feedback-Form App
  2. Help you learn the parts of a WebAPI-App
  3. The feedback-form, with Categories-Drop down retrieved from the Categories-List
  4. The client side code (jQuery only)
  5. The WebAPI Controller on the server (about 10 lines of C# code)
  6. The "Save-Feedback" process including show/hide of messages in various DIV-tags
  7. Multi-Language Resources used in the form
  8. Sending complex parameters (message title, body, category) from JavaScript to the Server in the HTTPPost
  9. Explain what happens in between by looking at the HTTP-traffic
  10. See how you could adapt/customize it to your needs

Let's go! 

Further links

With love from Switzerland,
Daniel 


Daniel Mettler grew up in the jungles of Indonesia and is founder and CEO of 2sic internet solutions in Switzerland and Liechtenstein, an 20-head web specialist with over 800 DNN projects since 1999. He is also chief architect of 2sxc (see github), an open source module for creating attractive content and DNN Apps.

Read more posts by Daniel Mettler