Thanks for sharing! I've never heard of jsonstore.io, seems like a great product to use for quick prototyping.

If I could give you some pointers on your code, try and be consistent in the naming conventions you are using on methods and variables. Right now it seems like you sometimes use snake casing, like protocol_ok and send_request, while most of the time you don't case at all, like genhash or getrandom. Imagine them all being like

let protocolOk;
sendRequest()
genHash();
getRandom();

or if you prefer snake casing:

let protocol_ok;
send_request()
gen_hash();
get_random();

This reads a lot easier right. Try and remember writing the code so it's easy to read for others, and you'll see your code becoming cleaner and cleaner.

Great one. It's much easier to create your own URL shortener with Netlify. See my post: How to Create Your Own Private URL Shortener for Free

Really? You pull jQuery in for an ajax request?

I would recommend to just use fetch instead, as it is build into most browsers. If you are concerned about browser compatibility, use a polyfill.

For Sending Json Request, I created a function with XMLHttpRequest() (Code)

(Actually I have changed the storage provider so APIs are little different but understandable)

First, we open a new connection to your storage provider, then tell them that we are going to send json data.
Then create a JSON Object something like this {"l":<LONG_URL> , "s": <SHORT_URL_SLUG>} then send the json object to my JSONBOX endpoint (yes, I have switched to jsonbox from jsonstore).

I'm curious why you're not using the more widely used const and let syntax tbh, it makes the code much clearer in my opinion and you have to worry less about scoping.

Also, have you tried the new Fetch API? It's much easier to work with than Ajax

thank you and congratulations!
I'm also building a url shortner (with Go to study) and I did not know aboutjsonstore.io, here is the project; github.com/rafa-acioly/urlshor

Actually I have plans for rewriting this month. I hope it will be soon.

I have only used jQuery for sending and fetching json requests. Which could be easily converted to Vanilla, infact I didn't use jQuery for the production. Meanwhile You can check that out the source and find your answers

how to see the stats of the short url?
clicks, demographics, utm builder etc?

Great article. My only question is how do you guarantee the short url is unique with the getRandom function? How many unique urls do you think the algorithm can provide?

+1 for jsonstore.io! thanks a lot for the tip! :)