`
mowengaobo
  • 浏览: 165083 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

js 获得 request中的值

    博客分类:
  • js
阅读更多

获得当前页面的url

Html 代码
  1. window.location.herf  
window.location.herf



静态html文件js读取url参数

Html 代码
  1. location.search; // 获取url中"?"符后的字串  
location.search; //获取url中"?"符后的字串



下边为转载的相应的技术

在ajax应用流行时,有时我们可能为了降低服务器的负担,把动态内容生成静态html页面或者是xml文件,供客户端访问!但是在我们的网站或 系统中往住页面中某些部分是在后台没有进行修改时,其内容不会发生变化的。但是页面中也往往有部分内容是动态的更新的,比如一个新闻页面,新闻内容往往生 成了之后就是静态的,但是新闻的最新评论往往是变化的,在这个时候有几种解决方案:

1、重新生成该静态页面,优点是用户访问时页面上的肉容可以实现全静态,不与服务器程序及数据库后端打交道!缺点是每次用户对页面任何部分更新都 必须重新生成。

2、js调用请求动态内容,优点是静态页面只生成一次,动态部分才动态加载,却点是服务器端要用输出一段js代码并用js代码输出网页内容,也不 利于搜索引擎收录。

3、ajax调用动态内容,和js基本相似,只是与服务器交互的方式不同!并且页面显示不会受到因动态调用速度慢而影响整个页面的加载速度!至于 ajax不利于搜索收录,当然在《ajax in acation》等相关书籍中也介绍有变向的解决方案!

4、在服务器端ssl动态内容,用服务器端优化及缓存解决是时下最流行的方法!

对于第二种和第三种方法都是我最青睐的静态解决方法,适合以内容为主的中小型网站。那么在有时候可能会有js读取url参数的需求,事实证明的确 也有很多时候有这种需求,特别是在胖客户端的情况下!以前也写过这样的代码,其实原理很简单就是利用javascript接口提供location对像得 到url 地址,然后通过分析url以取得参数,以下是我收录的一些优秀的url参数读取代码:

一、字符串分割分析法。
这里是一个获取URL+?带QUESTRING参数的JAVASCRIPT客户端解决方案,相当于asp的 request.querystring,PHP的$_GET
函数:

Html 代码
  1. < script >   
  2. function GetRequest()  
  3. {  
  4. var url  =  location .search; //获取url中"?"符后的字串  
  5. var theRequest  =  new  Object();  
  6. if(url.indexOf("?") != -1)  
  7. {  
  8.   var str  =  url .substr(1);  
  9.     str strs  = str.split("&");  
  10.   for(var i  =  0 ; i  <   strs.length ; i ++)  
  11.     {  
  12.      theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);  
  13.     }  
  14. }  
  15. return theRequest;  
  16. }  
  17. </ script >   
<script> 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; } </script>



然后我们通过调用此函数获取对应参数值:

Html 代码
  1. < script >   
  2. var Request = new  Object();  
  3. Request = GetRequest ();  
  4. var 参 数1,参数2,参数3,参数N;  
  5. 参数1 = Request ['参数1'];  
  6. 参 数2 = Request ['参数2'];  
  7. 参 数3 = Request ['参数3'];  
  8. 参 数N = Request ['参数N'];  
  9. </ script >   
<script> var Request=new Object(); Request=GetRequest(); var 参数1,参数2,参数3,参数N; 参数1=Request['参数1']; 参数2=Request['参数2']; 参数3=Request['参数3']; 参数N=Request['参数N']; </script>




以此获取url串中所带的同名参数

二、正则分析法。

Html 代码
  1. function     GetQueryString(name)     
  2. {     
  3.      var     reg      =    new    RegExp("(^|&)"+     name     +"=([^&]*)(&|$)");     
  4.      var     r      =      window .location.search.substr(1).match(reg);     
  5.      if     (r!=null)   return     unescape(r[2]);   return   null;     
  6. }     
  7. alert(GetQueryString(" 参数名1"));     
  8. alert(GetQueryString("参数名2"));     
  9. alert(GetQueryString(" 参数名3")); 
分享到:
评论

相关推荐

    了解JSP中request属性的用法

    了解 JSP 中 request 属性的用法 JSP 中 request 属性是最...在 2.JSP 中可以通过 request.getParameter("hiddenValue") 方法来获取隐藏控件的值: &lt;% String hiddenValue=request.getParameter("hiddenValue"); %&gt;

    通过JS获取Request.QueryString()参数的值实现方法

    在JavaScript中,获取URL查询字符串(Query String)的参数值是一项常见的任务,这对于处理动态页面和Web应用程序至关重要。本文将详细介绍一种实现方法,通过自定义函数`getArgs()`来提取查询参数。 首先,我们来...

    request的使用.txt

    **request.getProtocol()** 得到协议的名称 如:HTTP/1.0 禁用缓存:(转载:https://blog.csdn.net/lyclngs/article/details/25964559) **response.setHeader("Pragma", "no-cache")** **response.setHeader(...

    ASP第4章 Request和Response对象

    例如,`Request.Cookies("cookieName")` 可以得到名为"cookieName"的Cookie值。 4. ServerVariables: 可以访问服务器端或客户端的环境变量,比如获取客户端IP地址:`Request.ServerVariables("REMOTE_ADDR")`。 5....

    java中request.getcontextPath()的意思.doc

    为了减少在JSP页面中编写过多的JavaScript代码,可以通过以下方式将`getContextPath()`的值传递给JavaScript: 1. **使用隐藏字段(hidden)**: ```jsp &lt;input type="hidden" id="contextPath" value="&lt;%= request....

    如何用js获取当前url的参数值

    ### 如何用JavaScript获取当前URL的参数值 在Web开发中,经常需要处理URL中的查询参数,例如在页面跳转时传递数据、实现特定功能等。本文将详细介绍一种使用JavaScript来解析并获取当前URL参数的方法。 #### 方法...

    JS使用ajax方法获取指定url的head信息中指定字段值的方法

    JavaScript中使用Ajax方法获取指定URL的head信息中指定字段值的方法涉及的技术知识点十分丰富,包含JavaScript编程、Ajax技术、HTTP协议等。以下将对这些知识点进行详细阐述。 ### JavaScript编程基础 JavaScript...

    客户端模拟服务器端的Request发送和获得参数

    (function(){ ...&lt;script type="text/javascript" src="客户端模拟服务器端的Request发送和获得参数.js"&gt; document.write(Request.getParameter("a")) document.write(" "+document.URL) &lt;/script&gt;

    Javascript Request获取请求参数如何实现

    本文将探讨如何利用JavaScript中String对象的扩展方法来实现这一功能,并提供解决方案来帮助开发者解决在获取请求参数时遇到的问题。 首先,需要了解URL的结构。一个典型的URL由以下几个部分组成:协议、主机名、...

    JS request函数 用来获取url参数

    本文将详细介绍一个实用的JavaScript函数——`request`函数,该函数能够帮助我们轻松地从当前URL中提取所需的查询参数。 #### 函数定义与原理 `request`函数的功能是从URL中解析出指定名称的参数值。其核心逻辑是...

    node-print-request:打印以控制台请求正文的简单 NodeJS 服务器

    在开发过程中,当app.js不断变化时,使用nodemon模块会更方便,它会在每次检测到源代码发生变化时重新运行服务器: # Install `nodemon` globally npm install -g nodemon # Run server nodemon app.js 要测试...

    jquery获取URL中参数解决中文乱码问题的两种方法

    以上两种方法在处理URL中的参数时,需要注意如果参数值中包含中文字符,那么在发送参数之前需要对其进行URL编码(使用 `encodeURI` 函数),在接收参数之后需要对URL编码的字符串进行解码(使用 `decodeURI` 函数)...

    前端MD5加密使用到的js

    在JavaScript中,实现MD5加密可以借助于一些库,如本压缩包中的`md5.js`和`md5.min.js`。这两个文件都是用于在前端环境中实现MD5加密的JavaScript库。`md5.js`是未压缩的源代码版本,方便开发者阅读和理解其内部工作...

    JS动态加载以及JavaScriptvoid(0)的爬虫解决方案.docx

    ### JS动态加载及JavaScriptvoid(0)爬虫解决方案详解 #### 一、引言 随着Web前端技术的发展,越来越多的网站开始采用JavaScript动态加载技术来提高用户体验和减轻服务器负担。然而,这种技术也给网络爬虫带来了新...

    UIWebView与 javascript的交互

    然后在Native代码中注册对应的`WKUserContentController`,这样当JavaScript发送消息时,Native代码可以通过`WKUserContentController`的代理方法获取到消息内容,其中包括HTML页面中的输入值。 - 使用`...

    JS截取url中问号后面参数的值信息

    例如,在上述例子中,如果想获取键为"ename"的值,直接使用Request["ename"]即可得到"right"。 下面是根据以上知识点整理出的详细操作步骤: 首先,需要获取location.search属性的值,即查询字符串部分: ```...

    使用JavaScript和C#中获得referer

    在服务器端和客户端脚本中获取这个值可以帮助开发者分析用户来源、阻止未授权的链接访问等多种场景。 ### JavaScript中获取页面的referer 在JavaScript中,可以通过全局对象`document`的`referrer`属性来获取当前...

    JS获取url参数详细

    在JavaScript中,获取URL参数是常见的需求,尤其是在构建动态网页时。本文将详细介绍两种方法来获取URL中的参数值,一种是字符串分割分析法,另一种是正则表达式分析法。 一、字符串分割分析法 这种方法主要利用...

    js获取url参数值的两种方式

    在文章中,作者给出了两个方法的调用示例,展示了如何分别使用`getQueryString`和`GetRequest`方法来获取特定参数值,并通过`alert`函数显示这些值。 以上两种方法各有优势和应用场景。正则分析法在处理复杂的字符...

    双击一个下拉框另一个得到值

    标题“双击一个下拉框另一个得到值”描述了一个具体的场景:当用户在其中一个下拉框中双击选择一项时,另一个下拉框会自动填充与之相关的值。这种功能在数据关联或者筛选过滤等应用中非常常见,可以提升用户体验。 ...

Global site tag (gtag.js) - Google Analytics