find a location for property in a new city

Thursday, 18 October 2012

To encodeURI or to encodeURIComponent?

Solved a bug today whilst encoding in JavaScript a URL that contained a certain special character: the hash character #.

I found a generated querystring was not working correctly because many of the params were not being passed to the server somehow. I was generating a link like so: var link = 'http://www.britishdeveloper.co.uk?link=' + encodeURI(url) + '&userID=232';

I was quite pleased with myself remembering to URL Encode params that are going into a querystring to get around special characters but I had not thought of something... the hash character #!

Say the url being placed in the querystring is '/my page.aspx#comment3' my link was coming out as http://www.britishdeveloper.co.uk?link=/my%20page.aspx#comment3&userID=232.

What's wrong with that?

Well it's not what I was expecting really but it was working up until I got urls with hashes in. As you may or may not know everything proceeding a # in a url is for browsers so your server will ignore everything after it. In this case the userID param was not seen by my server.

encodeURIComponent not encodeURI

For this particular scenario encodeURIComponent was what I needed since:

encodeURI('/my page.aspx#comment3')
//output: /my%20page.aspx#comment2

encodeURIComponent('/my page.aspx#comment3')
//output: %2Fmy%20page.aspx%23comment2

encodeURI is for encoding non-URI special characters from a string so the above example of encodeURI would have been great for appending it like so 'http://www.britishdeveloper.co.uk' + encodeURI(url)

encodeURIComponent is for encoding a string to be fit for a querystring param where characters such as . and # shouldn't really be included as in my above example.

So know your Javascript encoding!

Follow britishdev on Twitter

99 comments:

  1. Excellent read, I just passed this onto a colleague who was doing a little research on that.

    how to write dissertation abstract

    ReplyDelete
  2. Very useful. Helped me solve exactly the same issue with "#" not encoding. Thanks

    ReplyDelete
  3. Browsers are tooooo much clever this days. They catch my '#' even while it encoded to %23.

    ReplyDelete
  4. Thanks for your post! Through your pen I found the problem up interesting! I believe there are many other people who are interested in them just like me!



    Geometrydashonline.net
    Basketballlegendsgame.com

    ReplyDelete
  5. Motifz Designer Lawn. 1, 2 & 3 Piece Unstitched Premium Embroidered Lawn 2019, Premium Lawn, Lawn 2019, Best lawn collection, Motifz, Best Lawn in Pakistan, Shipping worldwide. Stitching option available.

    ReplyDelete
  6. Buy Premium lawn Online for Women's at best prices available at Motifz. ✓ Latest Fashion, ✓ Trendy Designs ➤ Shop Now!

    ReplyDelete
  7. Packers and Movers Bangalore as a Services providing company can make all the difference to your ###Home Relocation experience. Bangalore based Company which offers versatile solutions, Right team that easily reduce the stress associated with a ???Household Shifting, ***Vehicle Transportation. we help things run smoothly and reduce breakages and offer you seamless, Affordable, Reliable Shifting Services, Compare Shifting Charges
    Packers And Movers Bangalore

    ReplyDelete
  8. This is really unbelievable and extraordinary work. Everyone should read. Thanks for sharing and don't miss WORLD'S BEST

    BikeGame

    ReplyDelete
  9. Hire Best Packers And Movers Mumbai for hassle-free Household Shifting, ***Office Relocation, ###Car Transporation, Loading Unloading, packing Unpacking at affordable Price Quotation. Top Rated, Safe and Secure Service Providers who can help you with 24x7 and make sure a Untroubled Relocation Services at Cheapest/Lowest Rate @ Packers And Movers Mumbai

    ReplyDelete
  10. Packers And Movers Bangalore Local Household Shifting Service, Get Free Best Price Quotes Local Packers and Movers in Bangalore List, Compare Charges, Save Money And Time at
    Local Packers And Movers Bangalore

    ReplyDelete
  11. Packers and Movers Pune Provide High Quality ***Household Shifting, Home/Office Relocation, Insurance, Packing, Loading, ###Car Transportation Service Pune and High experiences, Top Rated, Safe and Reliable, Best and Secure Packers and Movers Pune Team List. Get ✔✔✔Affordable Rate Charts and Compare Quotation and Save Money and Time @
    Packers And Movers Pune

    ReplyDelete
  12. Packers and Movers Hyderabad Give Certified and Verified Service Providers, Cheap and Best ###Office Relocation Charges, ***Home Shifting, ✔✔✔Goods Insurance worth Rs. 10,000, Assurance for Local and Domestic House Shifting. Safe and Reliable Household Shifting Services in Hyderabad with Reasonable Packers and Movers Price Quotation @ Packers And Movers Hyderabad

    ReplyDelete
  13. Packers and Movers Gurgaon Provide Reliable, Safe and Certified Service Provider list, Get Free ***Best Price Quotaition and Compare Charges. ???Hassle free Household Shifting Services, High Quality packing Material, Office Relocation, Car Transportaion, ###Local and Domestic Shifting Service @
    Packers And Movers Gurgaon

    ReplyDelete
  14. Get Shifting/Relocation Quotation from ###Packers and Movers Delhi. Packers and Movers Delhi 100% Affordable and Reliable ***Household Shifting Services. Compare Transportation Charges and Save Time, Verified and Trusted Packers and Movers in Delhi, Cheap and Safe Local, Domestic House Shifting @ Packers And Movers Delhi

    ReplyDelete
  15. Nice post!..good information,it is really helpful..it really impressed me alot and i just loved it.Thanks for posting such an informative content:
    Local Packers And Movers Bangalore

    ReplyDelete
  16. Packers And Movers Hyderabad Local Household Shifting Service, Get Free Best Price Quotes Local Packers and Movers in Hyderabad List , Compare Charges, Save Money And Time.@
    @ Packers And Movers Hyderabad

    ReplyDelete
  17. Wholesale printed custom perfume boxes with the highest quality and affordable prices. Free worldwide Delivery and free Custom Perfume Boxes design.

    ReplyDelete
  18. Buy online wholesale printed custom candle boxes and packaging at easy prices and shipping worldwide, with 24/7 customer support. Get a free custom quote now!!

    ReplyDelete
  19. Packers and Movers Chennai list, Cheap Best Packers Movers Chennai Charges, Local, Affordable Household Shifting Chennai @ Packers And Movers Chennai

    ReplyDelete
  20. We Provide Local Packers And Movers Pune List for Get Best Price Quotes, Compare Charges, Save Money And Time, Top Household Shifting Services @ Packers And Movers Pune

    ReplyDelete
  21. an awesome blog thanks a lot for giving me this great opportunity to write on this.please visit our website I assure you that it will be very useful for you @ Packers and Movers Kolkata

    ReplyDelete
  22. Packers and Movers Chennai list, Cheap Best Packers Movers Chennai Charges, Local, Affordable Household Shifting Chennai @ Packers And Movers Chennai

    ReplyDelete
  23. Lovely Website, Maintain the fantastic work. Thank you so much!
    Local Packers and Movers Mumbai list, Cheap Packers Movers Mumbai Charges, Affordable, Best Household Shifting Mumbai @ Packers and Movers mumbai

    ReplyDelete
  24. Buy online wholesale custom cosmetic boxes and packaging at seashore packaging at the easy price Free shipping worldwide with 24/7 customer support.

    ReplyDelete
  25. Packers and Movers Ahmedabad list, Cheap Packers Movers Ahmedabad Charges, Local, Affordable Household Shifting Ahmedabad @ Packers and Movers Ahmedabad

    ReplyDelete
  26. Get Packers and Movers Jaipur List of Top Reliable, 100% Affordable, Verified and Secured Service Provider. Get Free ###Packers and Movers Jaipur Price Quotation instantly and Save Cost and Time. Packers and Movers Jaipur ✔✔✔Reviews and Compare Charges for household Shifting, Home/Office Relocation, ***Car Transportation, Pet Relocation, Bike SHifting @ Packers And Movers Jaipur

    ReplyDelete
  27. Packers and Movers Chennai Give Safe and Reliable ***Household Shifting Services in Chennai with Reasonable ###Packers and Movers Price Quotation. We Provide Household Shifting, Office Relocation, ? ? ? Local and Domestic Transportation Services, Affordable and Reliable Shifting Service Charges @ Packers And Movers Chennai

    ReplyDelete
  28. Blackbird packaging provide you with any size, shape design, lipstick boxes sooner than any other packaging competitor in the market

    ReplyDelete
  29. Packaging town is a one-stop solution for the short-run Custom Packaging, Wholesale cream Boxes needs, and supplies at ease.

    ReplyDelete
  30. mylar label bags in stock now. Ready made Cali pack designs. Fast Shipping at Your Supplies. Custom designs available

    ReplyDelete
  31. An excellent information provided thanks for all the information i must say great efforts made by you. thanks a lot for all the information you provided
    Packers And Movers Jaipur

    ReplyDelete
  32. Blackbird packaging provide you with any size, shape design, game boxes wholesale sooner than any other packaging competitor in the market

    ReplyDelete
  33. I am happy to find this post very useful for me, as it contains lot of information. I always prefer to read the quality content and this thing I found in you post.
    Click Here to Get More Sites
    Packers and Movers mumbai
    Packers And Movers Ahmednagar Maharashtra
    Packers And Movers Mumbai to Chennai

    ReplyDelete
  34. The TOP 4 Movers and Packers Pune are expert in their work. They offer top-notch and door-to-door moving services for your home, office, domestic, national or vehicle transportation. We have experience to handle and execute all types of relocation services. @ Packers and Movers Pune

    ReplyDelete
  35. custom printed mylar bags UK in stock now. Ready made Cali pack designs. Fast Shipping at Your Supplies. Custom designs available

    ReplyDelete
  36. i like your post watch online indian dramas full episodes hd..
    Qurbaan Hua
    Kundali Bhagya


    ReplyDelete
  37. coffee maker
    Shop for Electronic Goods at Al-Fatah, Pakistan's leading chain of departmental stores. Shop from a huge range of top brands Home Appliances, Smart-tech and Phones and Sound bars from Al-Fatah. Shop from huge range of electronics available at Al-Fatah. Avail Free Delivery on orders above 1000 PKR in selected cities.

    ReplyDelete
  38. buy lahore electronics from alfatah at best prices. get free shipping

    ReplyDelete
  39. buy online men zipper hoodie online from wild goat clothing at best prices. Get Free shipping

    ReplyDelete
  40. Explore the profiles of guwahati escorts, guwahati call girls, call girls in guwahati
    and escorts in guwahati for female companionship in top rated hotels.
    Get affordable escort services in guwahati hotels now.
    College escorts in Guwahati |
    Housewife escorts in Guwahati |
    Assamese call girls in Guwahati |
    Nepali call girls in Guwahati |
    High profile escorts in Guwahati |
    Russian escorts in Guwahati |
    College call girls in Guwahati |
    Call girl service in Guwahati |

    Independent call girls in Guwahati
    Independent escorts in Guwahati

    ReplyDelete
  41. Maybe you are also looking for the right person to ensure the higher quality
    sex and that’s why you are in this place because here we are going to share
    the data and information of Guwahati Escorts.
    Escort services in Guwahati
    Call Girl services in Guwahati

    ReplyDelete
  42. If you are frustrated in your life and looking for some changes, then it's high time.Make a plan and travel to Guwahati escort
    and choose here Guwahati call girl service. It will remove your tension from life and make your life smooth.
    Assamese call girls in Guwahati
    College escorts in Guwahati
    Housewife escorts in Guwahati
    Nepali escorts in Guwahati
    Escort services in Guwahati

    ReplyDelete
  43. I really loved your post so much that I cant resist writing comment...Please check mine as well
    Escort services in Bhubaneswar
    Call girl services in Bhubaneswar

    ReplyDelete
  44. Do your grocery at Al-Fatah, Pakistan's best and largest grocery online in lahore website. Shop from a wide range of grocery including oil and ghee, tea and coffee, dry fruits and seeds, dairy and fresh bakery items, packaged foods, snacks and beverages, baby care, household essentials, fruits and vegetables and many more.

    ReplyDelete
  45. Blackbird packaging provide you with any size, shape design, custom bottle neckers wholesale sooner than any other packaging competitor in the market

    ReplyDelete
  46. Blackbird packaging provide you with any size, shape design, custom bottle neckers wholesale sooner than any other packaging competitor in the market

    ReplyDelete
  47. Blackbird packaging company can provide you with any size, shape design, and cookie packaging boxes sooner than any other packaging competitor in the market

    ReplyDelete
  48. Blackbird packaging provide you with any size, shape design, cookie packaging boxes sooner than any other packaging competitor in the market

    ReplyDelete
  49. buy bath bomb packaging online from Blackbird Packaging at best prices. Get free shipping

    ReplyDelete
  50. Packaging town is a one stop solution for the short-run custom soap boxes needs and supplies. At affordable prices. Request a free quote now.

    ReplyDelete
  51. Blackbird packaging company can provide you with any size, shape design, and cookie packaging wholesale sooner than any other packaging competitor in the market

    ReplyDelete
  52. Thanks for sharing information with us…satisfied after visiting your blog…. Learn the latest trends & their practical application by experts with us…you can contact us click on
    Visit ISMT India

    ReplyDelete
  53. buy hair supplements in pakistan in pakistan from medisense at best prices. Get free shipping

    ReplyDelete
  54. Thanks for sharing information with us…satisfied after visiting your blog… Prepare for CAT, CMAT, MHCET, GRE, GMAT, SAT, CLAT, MHCET Law, BBA IPM with our live online courses. To visit us, click on link
    Visit Career Managers

    ReplyDelete
  55. buy baby food online from medisense.pk at best prices delivered at your doorstep. get free shipping

    ReplyDelete
  56. buy gym bags for girls online from Dshred at easy prices delivered at your doorstep. Get free shipping

    ReplyDelete
  57. buy dental care products at best prices from medisense delivered at your doorstep. Get free delivery

    ReplyDelete
  58. buy hair supplements in pakistan from Medisense.pk delivered at your doorstep at best prices. Get free shipping

    ReplyDelete
  59. buy active wear for women online from Dshred at best prices delivered at your doorstep. Get free shipping

    ReplyDelete
  60. buy tank tops for men online from dshred at easy prices delivered at your doorstep.get free shipping.

    ReplyDelete
  61. buy makeup in pakistan from alfatah at best prices delivered at your doorstep. get free delivery

    ReplyDelete
  62. buy skin care products in pakistan online from medisense at best prices deloivered at your doorstep. get free shipping

    ReplyDelete
  63. Buy buy multivitamins online pakistan at easy prices from medisense delivered at your doorstep. Get free shipping

    ReplyDelete
  64. Buy online medicine in lahore at affordable prices from medisense delivered at your doorstep. Get free shipping.

    ReplyDelete
  65. Buy men's care at easy prices from medisense delivered at your doorstep. Get free shipping.

    ReplyDelete
  66. buy sports tshirts online from dshred at easy prices delivered at your doorstep. get free shipping

    ReplyDelete
  67. buy home wear online from Dshred at best prices delivered at your doorstep. get free shipping

    ReplyDelete
  68. buy reflective vest online from Dshred at best prices delivered at your doorstep. get free shipping

    ReplyDelete
  69. Need comfortable trousers for men? The wait is over because we have got the best men's trousers to range only at Ndure. Just log onto our site to avail the best trousers made in Pakistan. We guarantee that you will not regret it. Breathable fabric, comfortable designs are going to be with you every second.

    ReplyDelete
  70. Study Engineering at the best autonomous college in AP with scholarships and full faculty support with high quality education and professional career support.
    https://www.adityatekkali.edu.in/

    ReplyDelete
  71. From Reign you can buy the latest Lawn Collection at best price and enjoy free home delivery.

    ReplyDelete
  72. Buy the latest luxury pret collection from Reign and enjoy the best price with free home delivery.

    ReplyDelete
  73. Buy the latest Organza Collection 2021 from Reign and enjoy the best price with free home delivery.

    ReplyDelete
  74. Buy the latest Chiffon Collection from Reign and enjoy the best price with free home delivery.

    ReplyDelete
  75. Buy the latest Embroidered Lawn Collection from Reign and enjoy the best price with free home delivery.

    ReplyDelete
  76. Buy the latest pret lawn from Reign and enjoy the best price with free home delivery.

    ReplyDelete
  77. From Reign you can buy the latest Online Organza Collection at best price and enjoy free home delivery.

    ReplyDelete
  78. Buy the latest Embroidered Chiffon Collection 2021 from Reign and enjoy the best price with free home delivery.

    ReplyDelete
  79. buy gym wear online in Pakistan from dshred at easy prices delivered at your doorstep. Get free shipping

    ReplyDelete
  80. buy electronics online in lahore from Al-Fatah at best prices delivered at your doorstep. Get free shipping

    ReplyDelete
  81. buy tank tops for girls online from Dshred at easy prices delivered at your doorstep. Get free shipping

    ReplyDelete
  82. Buy online grocery from Al-Fatah at best prices delivered at your doorstep. Get free shipping

    ReplyDelete
  83. Buy men clothing online from Al-Fatah at best prices delivered at your doorstep. Get free shipping

    ReplyDelete