`
JAVAPOWER
  • 浏览: 47527 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Javascript 通过 URL 参数方式传值给 JSP 页面

JSPJavaScriptHTML 
阅读更多
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>简易版考试系统</title>
    <script language="javascript">
   
    var group1Counter=0; // count for group1
    var group2Counter=0; // count for group2
   
    // 统计分数
    function sumUp(){
      total();
      alert("The mark of group1 is: "+group1Counter+"\n"
          +"The mark of group2 is: "+group2Counter);         
      transferValue();
    }
   
    // 第一组题目记分
    function group1Count(checked){
      if(checked){
      group1Counter++;
      }else{
        group1Counter--;
      }
    }
   
    // 第二组题目记分
    function group2Count(checked){
      if(checked){
      group2Counter++;
      }else{
        group2Counter--;
      }
    }
   
    // 实现参数通过 URL 传值给 JSP
    function transferValue() 
{
       newURL="test.jsp?group1Counter="+group1Counter
               +"&group2Counter="+group2Counter
           +"&group3Counter="+group3Counter+"&total="+totalCount+"&show=show";
       window.open(newURL);
} 
    </script>
   
    <style type="text/css">
    <!--
      .container{
        width:800px;
        height:600px;
        margin:0px auto;
      }
      .head{
        width:800px;
        height:50px;
        font-size:30px;
        text-align:center;
        margin:5px 0px 5px 0px;
        border:2px solid #ccaaff;
      }
      .group{
        width:800px;
        height:200px;
        margin:5px 0px 5px 0px;
        border:1px dashed #0e0;
      }
     
      .words{
        width:800px;
        height:43px;
        margin:0px auto;
        background:#bbbbcc;
        font-size:12px;
        text-align:center;
        padding:3px;      
      }
    -->
    </style>
  </head>
 
  <body>
    <div class="container">
        <div class="head">
      This Is A Simple Version Examination System
  </div>
         <div class="words">
         <%
             //从 request 中取值
     String group1Counter = request.getParameter("group1Counter");
     String group2Counter = request.getParameter("group2Counter");
  %>
          <%
             if(null!=group1Counter){
  %>
              group1Counter:<%=group1Counter %>&nbsp;分&nbsp;&nbsp;&nbsp;&nbsp;
          <%
      }
              if(null!=group2Counter){
  %>
      group2Counter:<%=group2Counter %>&nbsp;分&nbsp;&nbsp;&nbsp;&nbsp;
  <%
      }
  %>
  </div><p>
   <form action="#" method="post" name="form1" onSubmit="return sumUp()">
    <!-- The following are questions of first group  -->
            Question Group 1:<br>
    <div class="group">
<input type="Checkbox" onClick="group1Count(this.checked)">question1<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question2<br>
        <input type="Checkbox" onClick="group1Count(this.checked)">question3<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question4<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question5<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question6<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question7<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question8<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question9<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question10<br>
    </div>
     
<!-- The following are questions of second group  -->
Question Group 2:<br>
    <div class="group">
<input type="Checkbox" onClick="group1Count(this.checked)">question1<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question2<br>
        <input type="Checkbox" onClick="group1Count(this.checked)">question3<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question4<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question5<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question6<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question7<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question8<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question9<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question10<br>
    </div>
        <input type="submit" value="提交"><input type="reset" value="清空">
    </form>
    </div>
  </body>
</html>
分享到：
| 在 struts 引用中使用 tiles 模板时，JSP ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    几种JSP页面传值方式.txt

    以上介绍了几种常用的JSP页面传值方式，包括使用表单、URL重写、JavaScript动态改变表单行为、JSP内置对象和标签库以及Cookie和Session。不同的场景下可以选择不同的方法来满足需求。在实际应用中，开发者还需要考虑...

    JSP中java代码与js之间的传值

    - Java端可以使用JSON库（如Jackson或Gson）将Java对象转换为JSON字符串，然后通过上述方式传递给JavaScript。 - JavaScript可以使用JSON.parse()解析接收到的JSON字符串，将其转换回JavaScript对象。 4. **Web...

    关于JSP页面间的传值

    ### 关于JSP页面间的传值 ...这种方法同样基于URL重写，但是通过JavaScript动态修改URL中的查询参数，以实现传值的目的。这种方式适合于需要在页面内部动态改变链接地址的情况。 示例代码如下： ```html ...

    jsp页面之间的传值

    ### JSP页面之间的传值详解 #### 一、引言 在Web开发中，数据的传递是一项基础且重要的任务。特别是在使用JSP技术时，如何有效地在不同的JSP页面或JSP与Servlet之间进行数据传输，是每个开发者都需要掌握的核心...

    javascript和jsp页面之间的传值.docx

    可以通过在URL中添加查询参数的方式，将JavaScript中的数据传递给JSP。例如： ```html &lt;a href="example.jsp?var1=value"&gt;点击 ``` 在JSP页面中，可以通过以下方式获取这些参数： ```java String var1 = request....

    javascript 跨网页传值

    JavaScript跨网页传值是Web开发中的常见需求，它允许用户在不同的HTML页面间传递数据，无需依赖服务器端技术如JSP中的session。本教程将详细讲解如何实现这一功能，主要涉及JavaScript的基础知识以及一些实用技巧。 ...

    关于JSP页面间的传参问题

    URL重写是Web开发中最简单且最常用的传值方式之一，主要通过在URL后添加查询字符串的方式实现参数的传递。这种方式适用于简单的参数传递，如传递一个商品ID等。 **示例代码：** ```html &lt;a href="page.jsp?Id=...

    javascript和jsp面之间的传值.docx

    当用户点击某个链接或按钮时，JavaScript可以通过构建URL参数的形式来传递数据给JSP。例如，`yourJSP.jsp?param1=value1&param2=value2`。在JSP中，可以通过`request.getParameter()`方法获取这些参数，如`String ...

    Javascript传值

    例如，当父页面调用`window.open`或`window.showModalDialog`函数打开子页面时，可以通过URL拼接参数来传递数据。但是，这种方式存在一些局限性： 1. **资源浪费**：如果参数不需要变化，每次跳转都会将这些参数发送...

    jsp页面跳转

    - `forward()` 方法不能携带URL参数，可以通过设置request属性的方式传递数据。 - 跳转后URL不变，刷新页面时不会重新提交数据。 **示例代码：** ```java protected void doPost(HttpServletRequest request, ...

    jquery实现页面之间的传值功能

    后端处理主要是接收前端发送的请求参数，并根据该参数进行相应的业务逻辑处理，最后返回处理结果给前端页面。 ```java package servlet; import java.io.IOException; import javax.servlet.ServletException; ...

    实现jsp+vrml动态传值

    - **使用JavaBean**：在JSP页面中定义一个JavaBean对象，将需要传递的数据封装进这个对象中，然后通过JavaScript或者其他方式将这些数据转化为字符串形式插入到VRML文件中。 - **利用HTTP请求参数**：在打开VRML...

    ajax请求传值Struts2+jsp

    在Web开发中，AJAX（Asynchronous JavaScript and XML）是一种技术，用于在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。本教程将详细讲解如何在Struts2（版本2.3.24.1）框架下，结合JSP页面实现AJAX...

    JSP页面间传值问题实例简析

    总结来说，JSP页面间传值是Web开发中常见的需求，本文通过实例分析了GET方式传值的使用场景和技巧，同时指出了GET方式的一些局限性，并提供了一种通过JavaScript解决动态数据传递的方法。在实际开发中，开发者应根据...

    静态页面间传值实例静态页面间传值实例

    1. **URL参数**：最简单的方式是通过URL查询字符串传递数据。例如，在从`1.htm`跳转到`2.htm`时，可以在链接中添加参数：`2.htm?param1=value1&param2=value2`。然后在`2.htm`页面中通过JavaScript的`window....

    domino xpages URL中文传值

    - 前端 JavaScript 代码中，`window.location.href` 用于获取当前页面的 URL，然后通过 `substring()` 和 `indexOf()` 方法截取 `.nsf` 后的路径部分，添加 `/x_print.xsp?OpenXPage` 和经过编码的参数，最后通过 `...

    JSP跨iframe如何传递参数实现代码

    但是在上述描述中，尝试使用JSP的转发标签&lt;jsp:forward&gt;和参数&lt;jsp:param&gt;直接将参数传递给iframe页面，这是不可行的，因为&lt;jsp:forward&gt;仅能用于当前页面的请求转发，并不能跨页面进行数据传递。 针对上述情况，...

    JSP页面中文参数的传递(get和post方法分析)

    在JSP中，参数通常通过GET和POST方法在页面之间传递，但是直接在URL中包含中文字符会导致问题，因为HTTP协议本身是基于ASCII字符集设计的。因此，在涉及中文参数传递时，必须采取相应措施来确保字符能够正确传输和...

    province_city.zip

    3. **发送AJAX请求**：在JSP页面的JavaScript中，使用JQuery的`$.ajax`方法或者`$.getJSON`方法发起异步请求，URL指向Servlet的路径，参数为选择的省份ID。 4. **处理响应**：当Servlet返回响应后，JavaScript解析...

    jsp传值本地无乱码测试机出现乱码问题解决

    在JSP中，传值通常指的是通过表单提交、URL参数、cookie、session等方式在客户端（浏览器）和服务器端进行数据交互。当数据从客户端传递到服务器时，如果编码设置不一致，或者客户端与服务器的编码方式不同，就容易...

Magicbox
Global site tag (gtag.js) - Google Analytics