javascript怎么获取请求参数

藏色散人
Freigeben: 2021-06-21 11:26:04
Original
24172 Leute haben es durchsucht

javascript获取请求参数的方法:1、通过JavaScript获取浏览器的URL;2、通过Javascript获取url中的某个参数的值;3、为jQuery扩展一个方法来通过jquery获取url参数。

javascript怎么获取请求参数

本文操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

javascript怎么获取请求参数?

JavaScript获取get方式的请求参数值

1、通过JavaScript获取浏览器的URL的实现

window.location.href
Nach dem Login kopieren

其实只是用到了JavaScript的基础的window对象 。

2、通过Javascript获取url中的某个参数的值,

function getUrlParam(name) { //构造一个含有目标参数的正则表达式对象 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //匹配目标参数 var r = window.location.search.substr(1).match(reg); //返回参数值 if(r != null) { return decodeURI(r[2]); } return null; }
Nach dem Login kopieren

通过这个函数传递url中的参数名就可以获取到参数的值,比如url为

http://127.0.0.1:8020/JavaScriptFunction/index.html?bb=1&aa='张三'
Nach dem Login kopieren

我们要获取bb和aa的值,可以这样写:

var bb = getUrlParam('bb'); var aa = getUrlParam('aa')
Nach dem Login kopieren

3、我们可以通过这个方法为jQuery扩展一个方法来通过jquery获取url参数,下面的代码为jquery扩展了一个getUrlParam()方法

(function($) { $.getUrlParam = function(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r != null) return decodeURI(r[2]); return null; } })(jQuery);
Nach dem Login kopieren

4、关于获取到的参数,防止中文乱码的问题

在传递参数时,发现对汉字编码使用的是 encodeURI ,所以上面的方法在解析参数编码时使用 decodeURI 就保证Javascript对参数编码解码方法一致,就可以防止中文乱码了。

在JavaScript中,常用的编码和解码的函数有下面两种,

encodeURI() decodeURI() encodeURIComponent() decodeURIComponent()
Nach dem Login kopieren

【推荐学习:javascript高级教程

Das obige ist der detaillierte Inhalt vonjavascript怎么获取请求参数. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!