Как просто получить значения GET и POST с помощью JQuery?
Я хочу сделать что-то вроде этого:
$('#container-1 > ul').tabs().tabs('select', $_GET('selectedTabIndex'));
Как получить GET и POST-переменные с помощью JQuery?
Ответ 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); ?>;
Примечание. Для использования встроенной функции json_encode вам потребуется PHP версии 5 или выше.
Обновление: Здесь представлена более общая реализация:
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);
Ответ 2
Там есть плагин для jQuery для получения параметров GET, называемых . getUrlParams
Для POST единственным решением является эхо-запрос POST в переменную javascript с использованием PHP, как предположил Моран.
Ответ 3
почему бы не использовать старый добрый PHP? например, допустим, мы получаем параметр GET "target":
function getTarget() {
var targetParam = "<?php echo $_GET['target']; ?>";
//alert(targetParam);
}
Ответ 4
Или вы можете использовать этот http://plugins.jquery.com/project/parseQuery, он меньше, чем большинство (уменьшенных 449 байт), возвращает объект, представляющий пары имя-значение.
Ответ 5
С любым языком на стороне сервера вам придется выдать переменные POST в javascript.
.NET
var my_post_variable = '<%= Request("post_variable") %>';
Просто будьте осторожны с пустыми значениями. Если переменная, которую вы пытаетесь испустить, на самом деле пуста, вы получите синтаксическую ошибку javascript. Если вы знаете, что это строка, вы должны заключить ее в кавычки. Если это целое число, вы можете проверить, действительно ли он существует, прежде чем писать строку в javascript.
Ответ 6
Здесь что-то собрать все переменные 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 :
}
Надеюсь, это поможет.;)
Ответ 7
Вы можете попробовать плагин Query String Object для jQuery.
Ответ 8
Плагины jQuery кажутся приятными, но мне нужна была быстрая функция js для анализа параметров get. Вот что я нашел.
Ответ 9
Если ваш $_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]);
}
});
Ответ 10
просто, но все же полезно получить vars/values из 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;
}
Я нашел его где-то в Интернете, только исправил несколько ошибок
Ответ 11
Используйте следующую функцию:
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.
Ответ 12
Только для записи я хотел узнать ответ на этот вопрос, поэтому я использовал метод PHP:
<script>
var jGets = new Array ();
<?
if(isset($_GET)) {
foreach($_GET as $key => $val)
echo "jGets[\"$key\"]=\"$val\";\n";
}
?>
</script>
Таким образом, все мои javascript/jquery, которые запускаются после этого, могут получить доступ ко всему в jGets. Его приятное элегантное решение, которое я чувствую.
Ответ 13
Мой подход:
var urlParams;
(window.onpopstate = function () {
var match,
pl = /\+/g, Regex for replacing addition symbol with a space
search = /([^&=]+)=?([^&]*)/g,
decode = function (s) { return decodeURIComponent(s.replace(pl, " ")); },
query = window.location.search.substring(1);
urlParams = {};
while (match = search.exec(query))
urlParams[decode(match[1])] = decode(match[2]);
})();