как получить переменные GET и POST с JQuery?

Question

Как просто получить значения GET и POST с помощью JQuery?

Что я хочу сделать, это примерно так:

$('#container-1 > ul').tabs().tabs('select', $_GET('selectedTabIndex'));

Answer 1

Для параметров GET их можно получить из document.location.search:

var $_GET = {};

document.location.search.replace(/\??(?:([^=]+)=([^&]*)&?)/g, function () {
    function decode(s) {
        return decodeURIComponent(s.split("+").join(" "));
    }

    $_GET[decode(arguments[1])] = decode(arguments[2]);
});

document.write($_GET["test"]);

Для параметров POST вы можете сериализовать объект $_POST в формате JSON в тег <script>:

<script type="text/javascript">
var $_POST = <?php echo json_encode($_POST); ?>;

document.write($_POST["test"]);
</script>

Пока вы занимаетесь этим (делаете что-то на стороне сервера), вы также можете собирать параметры GET на PHP:

var $_GET = <?php echo json_encode($_GET); ?>;

Примечание: Вам потребуется PHP версии 5 или выше, чтобы использовать встроенную функцию json_encode.

---

Обновление: Вот более общая реализация:

function getQueryParams(qs) {
    qs = qs.split("+").join(" ");
    var params = {},
        tokens,
        re = /[?&]?([^=]+)=([^&]*)/g;

    while (tokens = re.exec(qs)) {
        params[decodeURIComponent(tokens[1])]
            = decodeURIComponent(tokens[2]);
    }

    return params;
}

var $_GET = getQueryParams(document.location.search);

Answer 2

Для jQuery существует плагин для получения GET-параметров, который называется .getUrlParams

Для POST единственным решением является вывод POST в переменную javascript с использованием PHP, как предложил Моран.

Answer 3

почему бы не использовать старый добрый PHP? например, допустим, мы получили параметр GET 'target':

function getTarget() {
    var targetParam = "<?php  echo $_GET['target'];  ?>";
    //alert(targetParam);
}

Answer 4

Или вы можете использовать этот http://plugins.jquery.com/project/parseQuery,, он меньше, чем большинство (уменьшено 449 байт), возвращает объект, представляющий пары имя-значение.

Answer 5

При использовании любого серверного языка вам придется передавать переменные POST в javascript.

.NET

var my_post_variable = '<%= Request("post_variable") %>';

Только будьте осторожны с пустыми значениями. Если переменная, которую вы пытаетесь выдать, на самом деле пуста, вы получите ошибку синтаксиса javascript. Если вы знаете, что это строка, вы должны заключить ее в кавычки. Если это целое число, вы можете проверить, существует ли оно на самом деле, прежде чем записывать строку в javascript.

Answer 6

Вы можете попробовать Query String Object плагин для jQuery.

Answer 7

Вот кое-что, чтобы собрать все переменные GET в глобальном объекте - процедура, оптимизированная за несколько лет. После появления jQuery теперь представляется целесообразным хранить их в самом jQuery, и я проверяю с Джоном потенциальную реализацию ядра.

jQuery.extend({
    'Q' : window.location.search.length <= 1 ? {}
        : function(a){
            var i = a.length, 
                r = /%25/g,  // Ensure '%' is properly represented 
                h = {};      // (Safari auto-encodes '%', Firefox 1.5 does not)
            while(i--) {
                var p = a[i].split('=');
                h[ p[0] ] = r.test( p[1] ) ? decodeURIComponent( p[1] ) : p[1];
            }
            return h;
        }(window.location.search.substr(1).split('&'))
});

Пример использования:

switch ($.Q.event) {
    case 'new' :
        // http://www.site.com/?event=new
        $('#NewItemButton').trigger('click');
        break;
    default :
}

Надеюсь, это поможет. ;)

Answer 8

Используйте следующую функцию:

var splitUrl = function() {
    var vars = [], hash;
    var url = document.URL.split('?')[0];
    var p = document.URL.split('?')[1];
    if(p != undefined){
        p = p.split('&');
        for(var i = 0; i < p.length; i++){
            hash = p[i].split('=');
            vars.push(hash[1]);
            vars[hash[0]] = hash[1];
        }
    }
    vars['url'] = url;
    return vars;
};

и доступ к переменным как vars['index'], где 'index' - это имя переменной get.

Answer 9

просто, но полезно для получения переменных / значений из URL:

function getUrlVars() {
    var vars = [], hash, hashes = null;
    if (window.location.href.indexOf("?") && window.location.href.indexOf("&")) {
        hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    } else if (window.location.href.indexOf("?")) {
        hashes = window.location.href.slice(window.location.href.indexOf('?') + 1);
    }
    if (hashes != null) {
        for (var i = 0; i < hashes.length; i++) {
            hash = hashes[i].split('=');
            vars[hash[0]] = hash[1];
        }
    }
    return vars;
}

Я нашел это где-то в интернете, только что исправил несколько ошибок

Answer 10

Если ваш $ _GET является многомерным, это может быть тем, что вам нужно:

var $_GET = {};
document.location.search.replace(/\??(?:([^=]+)=([^&]*)&?)/g, function () {
    function decode(s) {
            return decodeURIComponent(s.split("+").join(" "));
    }

    //handling for multidimensional arrays
    if(decode(arguments[1]).indexOf("[]") > 0){
        var newName = decode(arguments[1]).substring(0, decode(arguments[1]).length - 2);
        if(typeof $_GET[newName] == 'undefined'){
            $_GET[newName] = new Array();
        }
        $_GET[newName].push(decode(arguments[2]));
    }else{
        $_GET[decode(arguments[1])] = decode(arguments[2]);
    }
});