js笔试题-接收get请求参数

 更新时间:2019年06月15日 10:15:42   作者:Unknw  
这篇文章主要介绍了js笔试题-接收get请求参数,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,,需要的朋友可以参考下

题目

请编写一个JavaScript函数,它的用途是接收url中get请求的参数,并返回为对象,

如: var url = “https://i.cnblogs.com/EditPosts.aspx?opt=1″。

本题考察了js如何获得url为字符串,以及字符串处理的方法。

1.首先想到正则

function getQueryString(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;
}

2.数组方法

*-----------------实现1--------------------*/
function GetRequest() {
var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i ++) {
theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
}
}
return theRequest;
}
/*--------------------实现2(返回 $_GET 对象, 仿PHP模式)----------------------*/
var $_GET = (function(){
var url = window.document.location.href.toString();
var u = url.split("?");
if(typeof(u[1]) == "string"){
u = u[1].split("&");
var get = {};
for(var i in u){
var j = u[i].split("=");
get[j[0]] = j[1];
}
return get;
} else {
return {};
}
})();
/*第2种方式, 使用时, 可以直接 $_GET['get参数'], 就直接获得GET参数的值*/

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • W3C Group的JavaScript1.8 新特性介绍

    W3C Group的JavaScript1.8 新特性介绍

    在了解了JavaScript1.7的相关更新后,我们再继续关注JavaScript1.8的新特性。在W3C Group带来的JavaScript系列特性文章中,JavaScript1.8的更新相对较少!
    2009-05-05
  • JavaScript CSS修改学习第一章 查找位置

    JavaScript CSS修改学习第一章 查找位置

    在这一章我会给出查找页面上的元素位置的代码。他能帮助你找到真正的位置,假如你改变了窗口的尺寸,然后再次运行代码,也会告诉你新的位置。
    2010-02-02
  • javascript的事件描述

    javascript的事件描述

    javascript的事件描述...
    2006-09-09
  • 超详细的JavaScript基本语法规则

    超详细的JavaScript基本语法规则

    这篇文章主要介绍了JavaScript基本语法规则,保姆级的详细教程,万字长文详细的列出了JavaScript的各种语法,建议收藏系列,希望可以有所帮助
    2021-08-08
  • js变量提升深入理解

    js变量提升深入理解

    下面小编就为大家带来一篇js变量提升深入理解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • JavaScript基础之Array forEach使用示例

    JavaScript基础之Array forEach使用示例

    这篇文章主要为大家介绍了JavaScript基础之Array forEach使用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • 简介JavaScript中的setDate()方法的使用

    简介JavaScript中的setDate()方法的使用

    这篇文章主要介绍了简介JavaScript中的setDate()方法的使用,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06
  • 浏览器中url存储的JavaScript实现

    浏览器中url存储的JavaScript实现

    这篇文章主要介绍了浏览器中url存储的JavaScript实现,并且简单讲述了输入url地址后提示过去输入历史记录的原理,需要的朋友可以参考下
    2015-07-07
  • Javascript Throttle & Debounce应用介绍

    Javascript Throttle & Debounce应用介绍

    Throttle:无视一定时间内所有的调用Debounce:一定间隔内没有调用时,接下来将为大家介绍下Throttle & Debounce的应用,感兴趣的朋友可以参考下哈
    2013-03-03
  • 浅谈JavaScript数组简介

    浅谈JavaScript数组简介

    本文主要是给大家简单介绍了Array的相关基础知识,到这里也算是能对Array有更全面的理解了,希望大家能够喜欢,后续我们将继续介绍关于array的内容。
    2021-11-11

最新评论