Passing string variable with spaces

Question

In the following code:

    <script type="text/javascript">
        function updateView(set) {
            $.post("<?php echo base_url("/show_cards/load_page")."/"; ?>"+set, function( data ) {
                $( "#content" ).html( data );
            });
        }
    </script>

'set' is a string variable which can have spaces in it. I'm noticing when it has spaces it's not working correctly. How can I fix this?

EDIT: For clarity, I'd like to keep the spaces intact.

It doesn't have to be in the URL, I'm just trying to keep the data intact as it is. — Howard
– Howard, Commented Oct 14, 2013 at 4:34
As you say, I think you should replace the spaces as I have answered and replace all occurrences of the new character with spaces before any other operation with the data, to get the data intact. — Rajesh Paul
– Rajesh Paul, Commented Oct 14, 2013 at 4:38
As the URL doesn't support spaces and what you want is much similar to that of URL formatting you should try it. — Rajesh Paul
– Rajesh Paul, Commented Oct 14, 2013 at 4:41

mplungjan · Accepted Answer · 2020-09-07 15:20:37Z

8

NOTE: that $.trim() is now deprecated for .trim()

Use set.trim() to remove leading or trailing spaces and either

set.replace(/ /g,"+")

or

encodeURI(set)

to keep the spaces inside the string
(refer When are you supposed to use escape instead of encodeURI / encodeURIComponent?)

To do both in one go just chain them

set.trim().replace(/ /g,"+")

Note you may use %20 instead of the plus if you prefer.

But is it not a parameter? If so, perhaps you want to pass it as

$.post("<?php echo base_url("/show_cards/load_page")."/"; ?>",
  {"set":set.trim().replace(/ /g,"+")},

edited Sep 7, 2020 at 15:20

answered Oct 14, 2013 at 4:06

mplungjan

180k29 gold badges183 silver badges246 bronze badges

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

1 Comment

Hanky Panky Over a year ago

This is the only answer that answers this question in both parts. It's not about removing or trimming those spaces only.

desertnaut · Accepted Answer · 2022-10-16 01:29:28Z

4

You have to replace intermediate space (' ') with '%20' using replace(), and eliminate boundary spaces (' ') using trim():

<script type="text/javascript">
    function updateView(set) {
    set=set.trim().replace(/ /g, '%20');
        $.post("<?php echo base_url("/show_cards/load_page")."/"; ?>"+set, function( data ) {
            $( "#content" ).html( data );
        });
    }
</script>

edited Oct 16, 2022 at 1:29

desertnaut

60.8k32 gold badges155 silver badges183 bronze badges

answered Oct 14, 2013 at 4:19

Rajesh Paul

7,0376 gold badges45 silver badges58 bronze badges

Comments

Rituraj ratan · Accepted Answer · 2013-10-14 04:24:30Z

2

use Trim

<script type="text/javascript">
        function updateView(set) {
          var set=$.trim(set);// by this  leading or trailing spaces removes  
            $.post("<?php echo base_url("/show_cards/load_page")."/"; ?>"+set, function( data ) {
                $( "#content" ).html( data );
            });
        }
    </script>

you can also use string.replace

  var set=  set.replace(/ /g,"+") ;// like that way in this all the spaces removes

edited Oct 14, 2013 at 4:24

answered Oct 14, 2013 at 4:06

Rituraj ratan

10.4k8 gold badges38 silver badges55 bronze badges

3 Comments

mplungjan Over a year ago

That only removes leading and trailing spaces

Hanky Panky Over a year ago

This question is not about removing spaces, its about keeping them and still letting the url to work. 'set' is a string variable which can have spaces in it

Rajesh Paul Over a year ago

@Hanky웃Panky very true. It is the actual concern i.e. the intermediate spaces.

Collectives™ on Stack Overflow

Passing string variable with spaces

3 Answers 3

1 Comment

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related