Comments on: Generate HTML from a JSON Without any Template but HTML and Javascript

By: pozycjonowanie wroclaw

pozycjonowanie wroclaw — Sun, 12 Feb 2012 20:15:06 +0000

Great Content…

I loved as significantly as you will obtain performed proper here. The caricature is attractive, your authored material stylish. nonetheless, you command get got an impatience over which you wish be turning in the following. ill surely come further for…

By: Mic

Mic — Mon, 20 Dec 2010 17:01:12 +0000

1) yes, replace the whole yahoo src string with yours

2) ssl will prevent the url to be read when travelling, BUT they can be logged. Either on the target server access logs or by Google Analytics for instance.

By: Anthony

Anthony — Mon, 20 Dec 2010 15:15:00 +0000

Two (hopefully) final questions:
1) I know it may sound stupid but where do I put my URL (http://www.examplewebsite.com/reporting.svc/?p=1&s=50) where: MYAPIKEY is the secure key that my account has been given, p=1 is the first page of data and s=50 is the amount of records to process into JSON and return. I have no control over the format but I checked the JSON and its well-formed. I jut dont know where to put my URL…. in place of the ENTIRE “var src” line? Or just part of it? There are two http:// thingy’s in there and I dont know which one mine needs to replace. I assume http://datatables.org/alltables.env … ?

2) Before I run my code, isnt my API key going to exposed through servers (other than the destination server that I am accessing – which I trust)? Even if its Yahoo servers, wont there be a trail of exposing my API key as the call goes through those servers with HTTP and no HTTPS ?

Thanks and sorry for these questions!

By: Mic

Mic — Mon, 20 Dec 2010 08:25:18 +0000

Yep, you just have now the principle. You need to adapt it to your data source, and to the HTML result you want to show.

By: Anthony

Anthony — Mon, 20 Dec 2010 03:53:50 +0000

@Mic: Thanks for the reply! I got the program running locally. It retrieves the Yahoo quotes and all. Now I am trying to figure out how to adapt it to that URL that returns my information. I suppose that I need to change the field names to match what is being returned to me?

By: Mic

Mic — Sun, 19 Dec 2010 14:13:13 +0000

@Anthony,
Here’s an example that gets data from Yahoo Finance and render them in the browser without any server action: https://gist.github.com/747347
Copy it to an HTML page and try it.

You need some cooperation from the server though, it is called JSONP.
The server will wrap the returning JSON by a function name you give as a parameter.
eg:callback=showResult, the response will become something like showResult({name:’….})

When the response arrives to the browser, the showResult function is called automatically.

By: Anthony

Anthony — Sun, 19 Dec 2010 03:40:59 +0000

Is there an example, for a non-programmer type, that can show how to convert JSON (returned from a web site) to HTML? I was told that I dont want to run this on the server side(?) because there is some sort of identifying API key that I must include in the URL. I was told to keep everything “local”. Is all this possible for me?

By: Mic

Mic — Fri, 07 Aug 2009 16:04:55 +0000

@GalaxySong

Thank you for the nice comment and give PURE a try for your project.
Feel free to share any idea, pain or improvement at http://groups.google.com/group/Pure-Unobtrusive-Rendering-Engine

Cheers,

By: GalaxySong

GalaxySong — Fri, 07 Aug 2009 13:03:06 +0000

I came across PURE at http://ejohn.org/blog/javascript-micro-templating/#postcomment.

I’ve studied quite a lot on Javascript template.
I worked with Ext for weeks and gave it up for its template is not ideal while the whole lib is too big.
Then, I myself created a template lib which uses .
But I was still wondering if there are any better idea.

I found TrimPath, but I don’t agree to use as container of html fragments.
John Resig’s finding about is cool, but that is not a complete template solution at all.

I also thought of mixing templates with other html codes and using jQuery selector to locate and replace template syntaxes. But I didn’t feel it can really work well.
When I read through docs and examples of PURE, however, I realized, on second thought, that this method is great.

And you’ve done an excelent job on making this lib complete and useful.
So, I made up my mind to try PURE in my incoming project.

Thank you!

By: Mic

Mic — Wed, 15 Apr 2009 14:18:40 +0000

@Michele
Yep. But strangely when we asked the question too, the answer did not appear so simultaneously, and had to build PURE

The ride has been very interesting so far.
Many people brought pieces and ideas to it.
And lastly, Rog Peppe rewrote it entirely. Paving the way for a solid version 2.
Visible at: http://github.com/pure/pure/tree/version2

Thanks for your nice comment!