Edit in JSFiddle

$(function () {
    $("#Btn_Trim").click(function () {
        var text = $("#trim").text();
        var trimString = text.trim();
        var html = "原字串:" + text + ", 長度:" + text.length + "<br/>";
        html += "去空白:" + trimString + ", 長度:" + trimString.length;
        $("#msg").html(html);
    });

    $("#Btn_Param").click(function () {
        var text = $("#param").text();
        var json = $.parseJSON(text);
        var html = "原字串:" + text + "<br/>";
        html += "序列化:" + $.param(json);
        $("#msg").html(html);
    });
});

<input type="button" id="Btn_Trim" value="trim" />
<input type="button" id="Btn_Param" value="param" />
<br />
<fieldset>
    <legend>input</legend>
    <label>trim 參數:</label>
    <div id="trim">  前後空白 </div>
    <label>param 參數:</label>
    <div id="param">{"a":1, "b":2, "c":3}</div>
</fieldset>
<fieldset>
    <legend>output</legend>
    <div id="msg"></div>
</fieldset>