DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 使用JavaScript獲取Request中參數的值方法
使用JavaScript獲取Request中參數的值方法
編輯:關於JavaScript     

假設現在有一個URL,如下。

http://www.jb51.net

如何通過JS訪問到id和name裡面的值呢,實現我們來分析一下思路。

先獲取當前頁面的URL,通過window.location.href。

提取該URL?後面的部分,通過slice()方法。

把獲取到的Request對象分割成字符串數組,通過split() 方法。

接下來看代碼。

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

接下來就是獲取指定參數的值了,代碼如下。

var id = getUrlVars()["id"]; 
var name = getUrlVars()["name"];

最後,我們再看看jQuery的寫法。

$.extend({
  getUrlVars: function() {
    var vars = [],
      hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for (var i = 0; i < hashes.length; i++) {
      hash = hashes[i].split('=');
      vars.push(hash[0]);
      vars[hash[0]] = hash[1];
    }
    return vars;
  },
  getUrlVar: function(name) {
    return $.getUrlVars()[name];
  }
});
var id = $.getUrlVar('id');
var name = $.getUrlVar('name');

以上就是小編為大家帶來的使用JavaScript獲取Request中參數的值方法的全部內容了,希望對大家有所幫助,多多支持~

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved