jsp和js两种方式取到表单数据

<form action="" method="post" onsubmit="return check()" name="selectform">
<input type="radio" name="gender" value="man" checked/>男
<input type="radio" name="gender" value="woman" />女
<input type="checkbox" name="animal" value="cat" checked/> cat
<input type="checkbox" name="animal" value="dog"/> dog
<input type="checkbox" name="animal" value="elephant"/> elephant
<input type="checkbox" name="animal" value="lion"/>lion
<select name="select" id="selected">
<option value="1">选项一
<option value="2">选项二
<option value="3">选项三
<option value="4" selected>选项四
<input type="hidden" name="hidden" id="hidden" value="100" />
</select>
<input type="submit" value="submit"/>
</form>

Jsp方式取得:


<%
String gender = request.getParameter("gender");
out.print(gender);
String[] animal = request.getParameterValues("animal");
for(int i=0;i<animal.length;i++){
out.print(animal[i]);
}
String select = request.getParameter("select");
out.println(select);
String hidden = request.getParameter("hidden");
out.println(hidden);
%>

JavaScript方式取得:
<script type="text/javascript">
function check(){
var gender = document.getElementsByName("gender");
// var gender = document.selectform.gender;一样能拿到gender这个对象,其实是个数组!
for(i=0;i<gender.length;i++){
if(gender[i].checked)
alert(gender[i].value);
}

var animal = document.getElementsByName("animal");
// var gender = document.selectform.animal;
for(i=0;i<animal.length;i++){
if(animal[i].checked)
alert(animal[i].value);
}

var select = document.getElementById("selected");//拿到一个对象
// var select = document.selectform.select;
for(i=0;i<select.options.length;i++){
if(select.options[i].selected)
alert(select.options[i].value);
}
var selectedOption = document.selectform.select.options[document.selectform.select.selectedIndex];
var selectedOptionValue = selectedCategory.value;


var hidden = document.getElementById("hidden");
// var hidden = document.selectform.hidden;
alert(hidden.value);


return true;
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: JavaScript 是一种脚本语言,主要用于在网页中添加动态效果和交互性。它可以在客户端(即浏览器)中执行,可以操作网页中的 HTML 元素,也可以与服务器进行通信。 而 JSP(JavaServer Pages)是一种基于 Java 技术的服务器端动态网页开发技术,它能够将 HTML、Java 代码和服务器端的数据集成在一起,生成动态的网页内容。 在数据处理方面,JavaScript 可以直接在客户端对数据进行处理和操作,例如通过 DOM(文档对象模型)获取网页中的数据,然后进行处理和展示。而 JSP 主要是在服务器端进行数据处理,通过 Java 代码获取数据库中的数据,然后将其处理后生成 HTML 页面,再返回给客户端进行展示。 总的来说,JavaScript 更适合实现网页的动态效果和交互性,而 JSP 更适合实现服务器端的数据处理和动态网页生成。 ### 回答2: JavaScript数据JSP数据两种不同的数据类型。JavaScript是一种脚本语言,主要用于客户端的网页开发,而JSP(JavaServer Pages)是一种服务器端的Java技术,用于动态生成网页。 首先,JavaScript数据主要是在客户端执行的,它可以与用户进行交互,并对网页进行操作。它可以通过DOM(文档对象模型)来访问和修改网页的内容,可以对表单进行验证和处理,还可以通过AJAX技术与服务器进行异步通信。JavaScript数据的处理速度较快,可以提供丰富的用户体验。 相比之下,JSP数据是在服务器端生成的,它可以与数据库进行交互,并生成动态的网页内容。JSP页面中可以使用Java语言编写逻辑代码,通过Java的一些类和方法来处理数据,并根据业务逻辑生成最终的网页内容。JSP数据的处理速度可能相对较慢,因为需要与数据库进行交互和生成网页。 另外,JavaScript数据JSP数据之间可以进行交互。通过JavaScript可以向服务器发送请求并接收响应,从而获取服务器端的数据。而JSP页面也可以使用JavaScript脚本来操作DOM和实现一些客户端的功能。 总结来说,JavaScript数据主要用于客户端的网页开发,可以提供丰富的用户交互和动态效果;而JSP数据主要用于服务器端的网页生成,可以与数据库进行交互并生成动态内容。两者在网页开发中可以相互配合使用,以实现更加丰富的功能。 ### 回答3: JavaScript是一种脚本语言,主要用于网页开发。它可以在网页上直接嵌入,与HTML和CSS一起使用,为网页添加交互性和动态内容。而JSP是Java服务器页面的缩写,是一种用于动态网页开发的技术。它允许在网页中嵌入Java代码,以生成动态内容。 在数据方面,JavaScriptJSP有一些区别。JavaScript是一种客户端脚本语言,它能够处理浏览器端的数据操作,如表单验证、数据的读取和修改等。JavaScript可以通过DOM(文档对象模型)来访问和修改网页上的元素和属性,从而实现与用户的交互。 而JSP是在服务器端运行的技术,它可以与服务器进行交互,处理表单数据的提交和查询数据库等操作。JSP中的Java代码可以通过Servlet将数据从服务器发送到客户端,并完成一些业务逻辑的处理,如用户认证、权限控制等。相比之下,JSP对于数据的处理更加安全可靠,因为数据处理的逻辑是在服务器端进行的。 另外,JavaScript是一种解释型语言,它的代码会在浏览器中解释执行。而JSP中的Java代码通常是先编译成字节码,然后再在服务器上执行。 总而言之,JavaScript主要用于前端开发,处理浏览器端的数据交互;而JSP则用于服务器端的动态网页开发,处理服务器与客户端之间的数据传输和业务逻辑处理。两者在数据处理、安全性和执行方式上有一些差异,开发者在选择使用时需根据实际需求进行考虑。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值