blocks|key|1437267|text|有一个名为.getUrlParams的jQuery插件用于获取参数|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1437268|对于POST，唯一的解决方案是使用PHP将POST回显到一个javascript变量中，就像Moran建议的那样。|1437269|entityMap|0|LINK|mutability|MUTABLE|url|http://www.mathias-bank.de/2007/04/21/jquery-plugin-geturlparam-version-2/^0|5|D|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

There's a plugin for jQuery to get GET params called <a href="http://www.mathias-bank.de/2007/04/21/jquery-plugin-geturlparam-version-2/" rel="noreferrer">.getUrlParams</a> 

For POST the only solution is echoing the POST into a javascript variable using PHP, like Moran suggested.

blocks|key|1652044|text|为什么不使用老的PHP呢？例如，假设我们收到一个GET参数'target'：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1652045|function+getTarget()+{
++++var+targetParam+=+"<?php++echo+$_GET['target'];++?>";
++++//alert(targetParam);
}|code-block|syntax|javascript|1652046|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

why not use good old PHP? for example, let us say we receive a GET parameter 'target':

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

blocks|key|1437395|text|或者你可以使用这个http://plugins.jquery.com/project/parseQuery，它比大多数(缩小449字节)要小，返回一个表示名称-值对的对象。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1437396|entityMap|0|LINK|mutability|MUTABLE|url|http://plugins.jquery.com/project/parseQuery^0|9|18|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Or you can use this one <a href="http://plugins.jquery.com/project/parseQuery" rel="noreferrer">http://plugins.jquery.com/project/parseQuery</a>, it's smaller than most (minified 449 bytes), returns an object representing name-value pairs.

blocks|key|1437326|text|下面是在全局对象中收集所有GET变量的方法，这是一个经过几年优化的例程。由于jQuery的兴起，现在将它们存储在jQuery中似乎是合适的，我正在与John检查潜在的核心实现。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1437327|jQuery.extend({
++++'Q'+:+window.location.search.length+<=+1+?+{}
++++++++:+function(a){
++++++++++++var+i+=+a.length,+
++++++++++++++++r+=+/%2525/g,++//+Ensure+'%25'+is+properly+represented+
++++++++++++++++h+=+{};++++++//+(Safari+auto-encodes+'%25',+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('&'))
});|code-block|syntax|javascript|1437328|示例用法：|1437329|switch+($.Q.event)+{
++++case+'new'+:
++++++++//+http://www.site.com/?event=new
++++++++$('#NewItemButton').trigger('click');
++++++++break;
++++default+:
}|1437330|希望这能有所帮助。;)|1437331|entityMap^0|D|3|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|W|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|Y|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|R|$]]

Here's something to gather all the <code>GET</code> variables in a global object, a routine optimized over several years. Since the rise of jQuery, it now seems appropriate to store them in jQuery itself, am checking with John on a potential core implementation.

<pre><code>jQuery.extend({
 'Q' : window.location.search.length &lt;= 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('&amp;'))
});
</code></pre>

Example usage:

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

Hope this helps. ;)

blocks|key|1437345|text|您可以尝试用于jQuery的Query+String+Object插件。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1437346|entityMap|0|LINK|mutability|MUTABLE|url|http://plugins.jquery.com/project/query-object^0|E|J|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

You can try <a href="http://plugins.jquery.com/project/query-object" rel="nofollow noreferrer">Query String Object</a> plugin for jQuery.

blocks|key|1651991|text|jQuery插件看起来不错，但我需要的是一个快速的js函数来解析get参数。这就是我所发现的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1651992|http://www.bloggingdeveloper.com/post/JavaScript-QueryString-ParseGet-QueryString-with-Client-Side-JavaScript.aspx|offset|length|1651993|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|36|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

jQuery plugins seem nice but what I needed is a quick js function to parse the get params.
Here is what I have found.

<a href="http://www.bloggingdeveloper.com/post/JavaScript-QueryString-ParseGet-QueryString-with-Client-Side-JavaScript.aspx" rel="nofollow noreferrer">http://www.bloggingdeveloper.com/post/JavaScript-QueryString-ParseGet-QueryString-with-Client-Side-JavaScript.aspx</a>

blocks|key|1437498|text|如果你的$_GET是多维的，这可能就是你想要的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1437499|var+$_GET+=+{};
document.location.search.replace(/\??(?:([%5E=]%2B)=([%5E&]*)&?)/g,+function+()+{
++++function+decode(s)+{
++++++++++++return+decodeURIComponent(s.split("%2B").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]);
++++}
});|code-block|syntax|javascript|1437500|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If your $_GET is multidimensional, this might be what you're wanting:

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

 //handling for multidimensional arrays
 if(decode(arguments[1]).indexOf("[]") &gt; 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]);
 }
});
</code></pre>

blocks|key|1437548|text|从URL获取vars/value很简单，但却很有用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1437549|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('?')+%2B+1).split('&');
++++}+else+if+(window.location.href.indexOf("?"))+{
++++++++hashes+=+window.location.href.slice(window.location.href.indexOf('?')+%2B+1);
++++}
++++if+(hashes+!=+null)+{
++++++++for+(var+i+=+0;+i+<+hashes.length;+i%2B%2B)+{
++++++++++++hash+=+hashes[i].split('=');
++++++++++++vars[hash[0]]+=+hash[1];
++++++++}
++++}
++++return+vars;
}|code-block|syntax|javascript|1437550|我在互联网上找到的，只是修复了几个bug|1437551|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

simple, but yet usefull to get vars/values from URL:

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

I found it somewhere on the internet, just fixed few bugs

blocks|key|1652167|text|使用以下函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1652168|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%2B%2B){
++++++++++++hash+=+p[i].split('=');
++++++++++++vars.push(hash[1]);
++++++++++++vars[hash[0]]+=+hash[1];
++++++++}
++++}
++++vars['url']+=+url;
++++return+vars;
};|code-block|syntax|javascript|1652169|并以vars['index']形式访问变量，其中'index'是get变量的名称。|offset|length|style|CODE|1652170|entityMap^0|0|0|2|D|O|7|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

Use following function:

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

and access variables as <code>vars['index']</code> where <code>'index'</code> is name of the get variable.

blocks|key|1437508|text|我的方法是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1437509|var+urlParams;
(window.onpopstate+=+function+()+{
var+match,
++++++pl+++++=+/\%2B/g,++Regex+for+replacing+addition+symbol+with+a+space
+++++++search+=+/([%5E&=]%2B)=?([%5E&]*)/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]);
})();|code-block|syntax|javascript|1437510|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

My approach:

<pre><code>var urlParams;
(window.onpopstate = function () {
var match,
 pl = /\+/g, Regex for replacing addition symbol with a space
 search = /([^&amp;=]+)=?([^&amp;]*)/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]);
})();
</code></pre>

blocks|key|1652080|text|为了记录在案，我想知道这个问题的答案，所以我使用了PHP方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1652081|​|1652082|<script>
var+jGets+=+new+Array+();
<?
if(isset($_GET))+{
++++foreach($_GET+as+$key+=>+$val)
++++++++echo+"jGets[\"$key\"]=\"$val\";\n";
}
?>
</script>|code-block|syntax|javascript|1652083|这样，在此之后运行的所有javascript/jquery都可以访问jGets中的所有内容。我觉得这是一个很好的优雅的解决方案。|1652084|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Just for the record, I wanted to know the answer to this question, so I used a PHP method:



<pre><code>&lt;script&gt;
var jGets = new Array ();
&lt;?
if(isset($_GET)) {
 foreach($_GET as $key =&gt; $val)
 echo "jGets[\"$key\"]=\"$val\";\n";
}
?&gt;
&lt;/script&gt;
</code></pre>

That way all my javascript/jquery that runs after this can access everything in the jGets. Its an nice elegant solution I feel.

How do I simply get <code>GET</code> and <code>POST</code> values with JQuery?

What I want to do is something like this:

<pre><code>$('#container-1 &gt; ul').tabs().tabs('select', $_GET('selectedTabIndex'));
</code></pre>

how to get GET and POST variables with JQuery?

jQuery

如何使用JQuery简单地获取GET和POST值？我想做的是这样的：$('#container-1 > ul').tabs().tabs('select', $_GET('selectedTabIndex'));

问如何使用JQuery获取get和POST变量？
EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用JQuery获取get和POST变量？EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用JQuery获取get和POST变量？
EN