php，javascript获取传递各参数的用法

1.parse_url（）解析URL函数（本函数不能用于相对 URL。）

array parse_url ( string $url )：本函数解析一个 URL 并返回一个关联数组，包含在 URL 中出现的各种组成部分。

本函数不是用来验证给定 URL 的合法性的，只是将其分解为下面列出的部分。不完整的 URL 也被接受，parse_url() 会尝试尽量正确地将其解析。对严重不合格的 URL，parse_url() 可能会返回 FALSE 并发出 E_WARNING。否则会返回一个关联数组，其组成部分为（至少有一个）：

scheme - 如 http

　　host

　　port

　　user 

　　pass

　　path

　　query - 在问号 ? 之后 

　　fragment - 在散列符号 # 之后

例如：

<?php

　　$url = 'http://username:password@hostname/path?arg=value#anchor';

　　print_r(parse_url($url));

　　?>

　　以上例程会输出：

　　Array

　　(

　　[scheme] => http

　　[host] => hostname

　　[user] => username

　　[pass] => password

　　[path] => /path

　　[query] => arg=value

　　[fragment] => anchor

　　)

 

2.javascript版本的parse_url函数

在很多时候我们需要通过javascript在页面中获取GET方式传递的各个参数，很可惜javascript没有源生的支持。在PHP中可以通过parse_url函数来获取一个URL中所包含的各个参数及其他信息（如上）。

<pre lang="javascript">
/*
@param String string URL
* @return Object oRs
* e.g. input:
'http://so.56.com/index?type=video&key=aaa'
* ouput: {'type':video, 'key':'aaa'}
*/
function parse_str(string){
var a = [];  
var oRs = {};
var query = string.substr(string.indexOf('?')+1);
var tmp = query.split('&');
var k;
for(var i=0;i<tmp.length;i++){
   a = tmp[i].split('=');
   oRs[a[0]] = a[1];
}
return oRs;
}
</pre>

 

 

欠缺的地方就是单纯的字符串解析，没有获取协议、端口、域名、锚点等信息

下面再看一下比较完整的版本：
<pre lang="javascript">
// This function creates a
new anchor element and uses location
// properties (inherent) to get the
desired URL data. Some String
// operations are used (to normalize results
across browsers).

function parseURL(url) {
    var a = document.createElement('a');
    a.href = url;
    return {     
source: url,
protocol: a.protocol.replace(':',''),
host: a.hostname,
port: a.port,
query: a.search,
params: (function(){
            var ret = {},
                seg = a.search.replace(/^\?/,'').split('&'),
                len = seg.length, i = 0, s;
            for (;i<len;i++) {
                if (!seg[i]) { continue; }
                s = seg[i].split('=');
                ret[s[0]] = s[1];
            }
            return ret;   
})(),
        file: (a.pathname.match(/\/([^\/?#]+)$/i) || [,''])[1],
        hash: a.hash.replace('#',''),
        path: a.pathname.replace(/^([^\/])/,'/$1'),
        relative: (a.href.match(/tp:\/\/[^\/]+(.+)/) || [,''])[1],
        segments: a.pathname.replace(/^\//,'').split('/') 
};
}
</pre>
比较巧妙的是利用了A标签的DOM属性来获取更多的信息。不过，在document.location对象中包含了所有的信息，只是用这种方法只能获取document.location的信息，不具有更好的通用性。
用法：

<pre lang="javascript">
var myURL = parseURL('http://zhys9.com:8080/blog/index.php?id=255&m=hello#top');
myURL.file;     // = 'index.php'
myURL.hash;     // = 'top'
myURL.host;     // = 'zhys9.com'
myURL.query;    // = '?id=255&m=hello'
myURL.params;   // = Object = { id: 255, m: hello }
myURL.path;     // = '/blog/index.php'
myURL.segments; // = Array = ['dir', 'index.php']
myURL.port;     // = '8080'
myURL.protocol; // = 'http'
myURL.source;   // = 'http://zhys9.com:8080/blog/index.php?id=255&m=hello#top'
</pre>
比较完整的这个版本的代码取自：http://james.padolsey.com/javascript/parsing-urls-with-the-dom/