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

WBOY
Lepaskan: 2016-05-16 15:42:39
asal
1419 orang telah melayarinya

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;
 }
Salin selepas log masuk

// 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;
 }
Salin selepas log masuk

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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"));
Salin selepas log masuk

Pengenalan kepada parameter lain:

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

alert(window.location.pathname);
Salin selepas log masuk

//Tetapkan atau dapatkan keseluruhan URL sebagai rentetan.

alert(window.location.href);
Salin selepas log masuk

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

alert(window.location.port);
Salin selepas log masuk

//Tetapkan atau dapatkan bahagian protokol URL.

alert(window.location.protocol);
Salin selepas log masuk

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

alert(window.location.hash);
Salin selepas log masuk

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

alert(window.location.host);
Salin selepas log masuk

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

alert(window.location.search);
Salin selepas log masuk

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.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan