Rumah  >  Artikel  >  hujung hadapan web  >  JS memperoleh nilai parameter dalam URL berdasarkan nilai kunci dan menukar parameter URL kepada kemahiran json objects_javascript

JS memperoleh nilai parameter dalam URL berdasarkan nilai kunci dan menukar parameter URL kepada kemahiran json objects_javascript

WBOY
WBOYasal
2016-05-16 15:42:391383semak imbas

Tiada omong kosong lagi, mari siarkan kod Contoh 1 menerangkan cara JS mendapatkan nilai parameter dalam URL berdasarkan nilai kunci dan menukar parameter URL ke dalam objek json daripada URL Sila lihat di bawah untuk butiran

Contoh 1:

//Tukar bahagian parameter url menjadi objek json

 parseQueryString: function (url) {
  var reg_url = /^[^\?]+\?([\w\W]+)$/,
   reg_para = /([^&=]+)=([\w\W]*?)(&|$|#)/g,
   arr_url = reg_url.exec(url),
   ret = {};
  if (arr_url && arr_url[1]) {
   var str_para = arr_url[1], result;
   while ((result = reg_para.exec(str_para)) != null) {
    ret[result[1]] = result[2];
   }
  }
  return ret;
 }

// Dapatkan nilai parameter dalam url melalui kunci

 getQueryString: function (name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
  var r = window.location.search.substr(1).match(reg);
  if (r != null) return unescape(r[2]);
  return null;
 }

Contoh 2:

js memperoleh parameter penghantaran url melalui dua kaedah:

Kaedah JS untuk mendapatkan parameter lulus url:

Berikut ialah penyelesaian klien JAVASCRIPT untuk mendapatkan URL dengan parameter QUESTRING, yang bersamaan dengan request.querystring ASP dan $_GET
PHP Fungsi:

<Script language="javascript">
function GetRequest() {
 
 var url = location.search; //获取url中"&#63;"符后的字串
 var theRequest = new Object();
 if (url.indexOf("&#63;") != -1) {
  var str = url.substr(1);
  strs = str.split("&");
  for(var i = 0; i < strs.length; i ++) {
   theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);
  }
 }
 return theRequest;
}
</Script>

Kemudian kita mendapat nilai parameter yang sepadan dengan memanggil fungsi ini:

<Script language="javascript">
var Request = new Object();
Request = GetRequest();
var 参数1,参数2,参数3,参数N;
参数1 = Request[''参数1''];
参数2 = Request[''参数2''];
参数3 = Request[''参数3''];
参数N = Request[''参数N''];
</Script>

Dapatkan parameter dengan nama yang sama dalam rentetan url

Kaedah 2 untuk js mendapatkan parameter lulus url Kaedah analisis biasa:

function GetQueryString(name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
  var r = window.location.search.substr(1).match(reg);
  if (r!=null) return (r[2]); return null;
}
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));

Pengenalan kepada parameter lain:

//Tetapkan atau dapatkan nama fail atau laluan yang ditentukan oleh objek.

alert(window.location.pathname);

//Tetapkan atau dapatkan keseluruhan URL sebagai rentetan.

alert(window.location.href);

//Tetapkan atau dapatkan nombor port yang dikaitkan dengan URL.

alert(window.location.port);

//Tetapkan atau dapatkan bahagian protokol URL.

alert(window.location.protocol);

//Tetapkan atau dapatkan segmen selepas tanda paun "#" dalam atribut href.

alert(window.location.hash);

//Tetapkan atau dapatkan nama hos dan nombor port lokasi atau URL.

alert(window.location.host);

//Tetapkan atau dapatkan bahagian mengikut tanda soal dalam atribut href.

alert(window.location.search);

Kandungan di atas memperkenalkan JS untuk mendapatkan nilai parameter dalam URL berdasarkan nilai kunci dan menukar parameter URL ke objek json JS mendapatkan parameter penghantaran URL dalam dua cara, kod

Ia sangat mudah dan saya harap ia membantu semua orang.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn