how to pass input element value to javascript after urlencoding it using php

Question

I've an input text field.

On press enter, i'm performing the following action

function doWork(){    
         httpObject = getHTTPObject();
         if (httpObject != null) {
            link = "message.php?nick="+nickName+"&msg="+document.getElementById('msg').value;
            httpObject.open("GET", link , true);
            httpObject.onreadystatechange = setOutput;
            httpObject.send(null);
         }
      }

What I want is to "urlencode" the value.

How should I do that??

Answer 1

Just wrap the value with "escape" as in:

link = "message.php?nick="+nickName+"&msg="+escape(document.getElementById('msg').value);

Answer 2

Use the JavaScript function encodeURIComponent

link = "message.php?nick="+nickName+"&msg="+encodeURIComponent(document.getElementById('msg').value);