`
duanfei
  • 浏览: 720524 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

html静态页面中获取请求参数和参数值

    博客分类:
  • JSP
 
阅读更多
通过Location对象的search属性,可以获得从URL中传递过来的参数和参数值。然后在JavaScript 代码中可以处理这些参数和参数值。如下所示:

<html>
 <head>
  <title>提交数据</title>
 </head>
 <body>
  <form name="myForm" action="sample06_submit.htm">
   地址:
   <select name="address">
    <option value="beijing">北京</option>
    <option value="shanghai">上海</option>
    <option value="shenzhen">深圳</option>
   </select>
   性别:
   <select name="sex">
    <option value="men">男</option>
    <option value="women">女</option>
   </select>
   <input type="submit" value="提交">
  </form>  
 </body>
</html>

下面是处理请求的sample06_submit.htm

<
<html>
 <head>
  <title>使用Location对象属性获取提交数据</title>
  <script language="javascript" type="text/javascript">
   <!--
    //获取Location对象的search属性值
    var searchStr = location.search;
    //由于searchStr属性值包括“?”,所以除去该字符
    searchStr = searchStr.substr(1);
    //将searchStr字符串分割成数组,数组中的每一个元素为一个参数和参数值
    var searchs = searchStr.split("&");
    //获得第一个参数和值
    var address = searchs[0].split("=");
    switch (address[1])
    {
     case "beijing":
      document.write("您选择的地址为:北京<br>");
      break;
     case "shanghai":
      document.write("您选择的地址为:上海<br>");
      break;
     case "shenzhen":
      document.write("您选择的地址为:深圳<br>");
      break;
    }
    //获得第二个参数和值
    var sex = searchs[1].split("=");
    switch (sex[1])
    {
     case "men":
      document.write("您选择的性别为:男<br>");
      break;
     case "women":
      document.write("您选择的性别为:女<br>");
      break;
    }    
   -->
  </script>
 </head>
 <body>
 </body>
</html>

分享到:
评论

相关推荐

    javascript html 静态页面传参数

    //获取当前页面的url intLen=urlInfo.length; //获取url的长度 offset=urlInfo.indexOf(“?”); //设置参数字符串开始的位置 strKeyValue=urlinfo.substr(offset,len); //取出参数字符串 这里会获得类似“id=1”...

    HttpClient以及获取页面内容应用

    通过一个URLConnection或者一个保存有网页内容的字符串来初始化Parser,或者使用静态函数来生成一个Parser对象。 ParserFeedback的代码很简单,是针对调试和跟踪分析过程的,一般不需要改变。而使用Lexer???? ...

    Asp+AJAX静态分页 亲测 可用

    其中get为连接方式,server.asp为要连接的页面,有两个参数,其中第一个参数page为需要返回数据的页数,第二个参数n为一个随机数,这样每次发送的URL都会不一样,相当于都向服务器发出一个新的请求,避免浏览器缓存...

    node.js+Ajax实现获取HTTP服务器返回数据

    我们看一个HTML5页面中通过AJAX请求的方式获取HTTP服务器返回数据的代码示例.由于我们把服务器的端口指定为1337,并将从端口为80的网站中运行HTML5页面,因此这是一种跨域操作,需要在HTTP响应头部中添加Access_Control...

    asp+ajax静态分页

    其中get为连接方式,server.asp为要连接的页面,有两个参数,其中第一个参数page为需要返回数据的页数,第二个参数n为一个随机数,这样每次发送的URL都会不一样,相当于都向服务器发出一个新的请求,避免浏览器缓存...

    Html5页面在微信端的分享的实现方法

    找到已有公众号的appid,根据这个appid和url向后端发起请求,拿到配置所需要的参数:timestamp、noncestr和signature。 二、实现 1、页面引入JS-SDK文件 通过script标签,引入微信官网的JS-SDK文件 &lt;script src...

    AJAX 源码范例

    07/7.2.3.html 获取cookie的值范例 07/7.2.4.html 给cookie设置终止日期范例 07/7.2.5.html 删除cookie范例 07/7.2.8.html 综合示例:构造通用的cookie处理函数 07/7.4.2.html 使用定时器...

    超级有影响力霸气的Java面试题大全文档

    redirect就是服务端根据逻辑,发送一个状态码,告诉浏览器重新去请求那个地址,一般来说浏览器会用刚才请求的所有参数重新请求,所以session,request参数都可以获取。 23、EJB与JAVA BEAN的区别?  Java Bean 是可...

    java 面试题 总结

    redirect就是服务端根据逻辑,发送一个状态码,告诉浏览器重新去请求那个地址,一般来说浏览器会用刚才请求的所有参数重新请求,所以session,request参数都可以获取。 20、EJB与JAVA BEAN的区别? Java Bean 是可复用...

    java微信公众号MVC开发框架

    微信方法是由Servlet在获取请求消息或事件的策略后取得,Servlet取得微信方法后,在线程池中获取线程执行微信方法。缺省线程池的大小是10个,如果微信公众并发比较频繁,我们可以调整线程池的大小,以提高处理效率。...

    ActionScript开发人员指南中文版

    指定着色器输入和参数值 使用着色器 第章:使用影片剪辑 影片剪辑基础知识 使用MovieClip对象 控制影片剪辑播放 使用ActionScript创建MovieClip对象 加载外部SWF文件 影片剪辑示例:RuntimeAssetsExplorer 第章:使用...

    《javaScrip开发技术大全》源代码

    • sample04.htm 在同一个网页中使用不同脚本语言 • sample05.htm 判断浏览器对JavaScript版本的支持情况 • sample06.htm 引用外部JavaScript • sample07.htm 在同一个HTML文档...

    net学习笔记及其他代码应用

    protected : 保护成员,该类内部和继承类中可以访问。 public : 公共成员,完全公开,没有访问限制。 internal: 在同一命名空间内可以访问。 2 .列举ASP.NET 页面之间传递值的几种方式。 答. 1.使用QueryString,...

    区分ASP.NET中get方法和post方法

    在网页设计中,无论是动态还是静态,get方法是默认的,它在URL地址长度是有限的,所以get请求方法能传送的数据也是有限的,一般get方法能传递256字节的数据,当get请求方法传递的数据长度不能满足需求时,就需要采用...

    asp.net知识库

    帮助解决网页和JS文件中的中文编码问题的小工具 慎用const关键字 装箱,拆箱以及反射 动态调用对象的属性和方法——性能和灵活性兼备的方法 消除由try/catch语句带来的warning 微软的应试题完整版(附答案) 一个...

    jQuery中Ajax的get、post等方法详解

    在项目中,如果需要传递一些参数给服务器中的页面,那么可以使用$.get()或者$.post()方法(或者是$.ajax()方法) $.get()方法使用GET方式来进行异步请求。结构为:$.get(url [, data] [, callback] [, type]) $.get()...

    php网络开发完全手册

    14.5 索引与唯一值的介绍 229 14.6 数据的操作 230 14.6.1 表的修改 230 14.6.2 表的删除 231 14.6.3 数据的查询 231 14.6.4 数据的插入 236 14.6.5 数据的更新 238 14.6.6 数据的删除 239 14.7 小结 239 第15章 ...

    Java Web编程宝典-十年典藏版.pdf.part2(共2个)

    3.4.1 获取请求参数 3.4.2 解决中文乱码 3.4.3 获取客户端数据 3.5 response回应对象的应用 3.5.1 HTTP头信息的操作 3.5.2 设置MIME类型 3.5 13页面重定向操作 3.6 Session会话对象的应用 3.6.1 session的生命周期 ...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -一个典型应用,在Window控件中打开新页面,如果传递的参数不正确,则首先提示参数不对然后关闭此弹出窗口。 -ExtAspNet.Alert.Show("参数错误!", String.Empty, ExtAspNet.ActiveWindow.GetCloseReference());...

    jquery-jsonp.js

    1、一个众所周知的问题,Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面、动态网页、web服务、WCF,只要是跨域请求,一律不准;  2、不过我们又发现,Web页面上调用js文件时则不受是否跨域的影响...

Global site tag (gtag.js) - Google Analytics