jQuery 和PHP：编码&解码网址

Question

每当单击链接时，我都会通过 URL 将字符串传递到另一个页面。

原始 a 标记及其 href 是通过 PHP while 循环创建的，如下所示：

<a href=".($row['secondary'] == 'true' ? "secondary_imgs.php?imgId=".$row['imgId']."
    &imgTitle=".$row['imgTitle']."" : "new_arrivals_img/".$row['imgURL']."").">

注意： a 标签确实包含其他属性，但为了简单起见，我删除了它们。

然后使用以下 jQuery 函数附加 href 以及当前窗口尺寸：

$("a[href^='secondary_imgs.php']").click(function(){
    var pageWidth = $(window).width();
    var pageHeight = $(window).height();
    var url = $(this).attr('href');
    var idx = url.indexOf('&pageWidth=');
    if (idx != -1) {
        url = url.substr(0, idx);
    }
    url += '&pageWidth=' + pageWidth + '&pageHeight=' + pageHeight;
    $(this).attr('href', url);
});

我的问题是，我应该在此使用什么方法来编码 URL在这种情况下，是否需要首先使用 PHP 完成，然后使用 jQuery/JavaScript，最后通过 PHP 进行解码？ 或者是否需要在 PHP 和 jQuery/JavaScript 中完成？原始 PHP $row['imgTitle'] 中总是至少有空格，所以我知道肯定需要这样做。但由于附加值始终是等于数字的变量，是否也需要对其进行编码？

我知道每种编码语言都有多种对 URL 进行编码/解码的方法，但我的知识不足以做出选择。

如果有人还可以提供我如何执行每个步骤的示例，我将不胜感激。

Answer 1

您应该在 PHP 中使用 urlencode() 对 URI 组件进行编码。

JavaScript 中的等效函数是 encodeURIComponent()。

PHP 将自动解码这样编码的参数。

所以，在你的 PHP 中：

'<a href="..&imgTitle='.urlencode($row['imgTitle'])

同样，在你的 javascript 中：

'&someparam=' + encodeURIComponent(someValue)

Answer 2

为什么需要首先使用 PHP 来完成？这个 JS urlencode 函数可以从 PHP 进行 urldecode。编码一次，解码一次：

function urlencode (str) {
    // URL-encodes string  
    // 
    // version: 1107.2516
    // discuss at: http://phpjs.org/functions/urlencode
    // +   original by: Philip Peterson
    // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +      input by: AJ
    // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   improved by: Brett Zamir (http://brett-zamir.me)
    // +   bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +      input by: travc
    // +      input by: Brett Zamir (http://brett-zamir.me)
    // +   bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   improved by: Lars Fischer
    // +      input by: Ratheous
    // +      reimplemented by: Brett Zamir (http://brett-zamir.me)
    // +   bugfixed by: Joris
    // +      reimplemented by: Brett Zamir (http://brett-zamir.me)
    // %          note 1: This reflects PHP 5.3/6.0+ behavior
    // %        note 2: Please be aware that this function expects to encode into UTF-8 encoded strings, as found on
    // %        note 2: pages served as UTF-8
    // *     example 1: urlencode('Kevin van Zonneveld!');
    // *     returns 1: 'Kevin+van+Zonneveld%21'
    // *     example 2: urlencode('http://kevin.vanzonneveld.net/');
    // *     returns 2: 'http%3A%2F%2Fkevin.vanzonneveld.net%2F'
    // *     example 3: urlencode('http://www.google.nl/search?q=php.js&ie=utf-8&oe=utf-8&aq=t&rls=com.ubuntu:en-US:unofficial&client=firefox-a');
    // *     returns 3: 'http%3A%2F%2Fwww.google.nl%2Fsearch%3Fq%3Dphp.js%26ie%3Dutf-8%26oe%3Dutf-8%26aq%3Dt%26rls%3Dcom.ubuntu%3Aen-US%3Aunofficial%26client%3Dfirefox-a'
    str = (str + '').toString();

    // Tilde should be allowed unescaped in future versions of PHP (as reflected below), but if you want to reflect current
    // PHP behavior, you would need to add ".replace(/~/g, '%7E');" to the following.
    return encodeURIComponent(str).replace(/!/g, '%21').replace(/'/g, '%27').replace(/\(/g, '%28').
    replace(/\)/g, '%29').replace(/\*/g, '%2A').replace(/%20/g, '+');
}