Solved

How much formatting to perform on the client in Javascript

Posted on 2013-12-25
3
389 Views
Last Modified: 2013-12-26
I'm rewriting a 2005-era ASP.NET app that currently does most of the display formatting on the server by building HTML strings which are then sent via xmlhttprequest to the client.  

I can see how I might use MVC/Razor/JQuery/JSON/AJAX to just send the data content to the client, and let the client do the DOM display object construction, even if it requires a good bit of business logic.

> At the moment I'm not overly concerned about exposing the IP of the display logic in the client javascript.
> For this application a "large" completely formatted div in the app might run 500K of HTML of which no more than 50K of data would be data (average would probably be more like 250K and 25K).   There could be three such divs being displayed (overlapping) at any one time (along with a few much smaller ones, essentially popups).
> I'm hoping to run the app on PCs, tablet and phones.

What I'm hoping to find from EExperts is:
==> input/ideas/views on how to decide whether to put the display logic in the client, or keep it back in the server.

Any help with this would be appreciated.

Thanks.
0
Comment
Question by:codequest
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
3 Comments
 
LVL 27

Assisted Solution

by:Chinmay Patel
Chinmay Patel earned 225 total points
ID: 39739633
Mostly if it is not business critical or security related, I prefer to build display on client side leaving my server free to do what it is meant to  do : Serve(the server side content and execute server side logic).
0
 
LVL 18

Accepted Solution

by:
Gary Davis earned 275 total points
ID: 39740801
I'd recommend returning the data in JSON format which is native to javascript and then using a templating solution to format and iterate thru your data. A popular Template technology is included in Knockout.js. See How to Use Templates in Knockout.js.

Gary Davis
0
 
LVL 2

Author Closing Comment

by:codequest
ID: 39741030
Thanks for the input.  Those are clear recommendations for separation of concerns and a pointer to a tool that indicates client side formatting is best practice.
0

Featured Post

Salesforce Has Never Been Easier

Improve and reinforce salesforce training & adoption using WalkMe's digital adoption platform. Start saving on costly employee training by creating fast intuitive Walk-Thrus for Salesforce. Claim your Free Account Now

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Real-time is more about the business, not the technology. In day-to-day life, to make real-time decisions like buying or investing, business needs the latest information(e.g. Gold Rate/Stock Rate). Unlike traditional days, you need not wait for a fe…
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Learn how to set-up custom confirmation messages to users who complete your Wufoo form. Include inputs from fields in your form, webpage redirects, and more with Wufoo’s confirmation options.

726 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question