formatting url in jquery

Question

I am trying to substitute parameters in my url using jquery with my input in my textbox. Also, I need to percent-encode the input. I am trying to use jquery.validator.format however it is not working. Suggestions?

<script src="http://code.jquery.com/jquery-latest.js"></script>
  <script src="http://jqueryjs.googlecode.com/svn/trunk/plugins/validate/jquery.validate.js"></script>
<script language="javascript" type="text/javascript">    
$(document).ready(function () {
        $("button").click(function () {
            var str = "http://api.geonames.org/postalCodeSearchJSON?placename={0}&maxRows=10&username=<my username>";
            alert(str);
            var loc = $("#location").val();
            alert(loc);
            str = jQuery.validator.format(str, loc);
            alert(str);
        });
    });

Where do the substitution strings (for placename and username) come from? — Matt Ball
– Matt Ball, Commented Mar 9, 2011 at 3:34
They come from the textbox #location and username is hardcoded i am just not displaying it for security reasons — rbur0425
– rbur0425, Commented Mar 9, 2011 at 3:38
Please post your html code so we can relate on what you are doing. :) — Ian Jasper
– Ian Jasper, Commented Mar 9, 2011 at 3:40

Matt Ball · Accepted Answer · 2011-03-09 15:56:39Z

2

This should work just fine, including percent encoding (via encodeURIComponent()):

$("button").click(function () {
    var str = "http://api.geonames.org/postalCodeSearchJSON?placename={0}&maxRows=10&username=redacted";
    var loc = encodeURIComponent($("#location").val());
    str = jQuery.validator.format(str, loc);
    alert(str);
});

jsFiddle demo: http://jsfiddle.net/mattball/FFVCj/

edited Mar 9, 2011 at 15:56

answered Mar 9, 2011 at 3:40

Matt Ball

361k102 gold badges655 silver badges725 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

rbur0425 · Accepted Answer · 2011-03-09 03:44:55Z

0

 $(document).ready(function () {
    $("button").click(function () {
     //   var str = "http://api.geonames.org/postalCodeSearchJSON?placename={0}&maxRows=10&username=rbur0425";
    //    alert(str);
        var loc = $("#location").val();
  //      alert(loc);
        //    var loc2 = encodeURIComponent(loc);
        var url = "http://api.geonames.org/postalCodeSearchJSON?placename=" + loc + "&maxRows=10&username=rbur0425";
 //       alert(encodeURI(url));
    });
});

works good for me

answered Mar 9, 2011 at 3:44

rbur0425

4799 silver badges26 bronze badges

Collectives™ on Stack Overflow

formatting url in jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related